From d85fde585611aa8aa7463df46d7baf53cb3c9833 Mon Sep 17 00:00:00 2001 From: Adam-Kosciukiewicz Date: Tue, 5 Nov 2024 11:32:00 +0100 Subject: [PATCH] Updates --- asset-manifest.json | 14 +++++++------- index.html | 2 +- static/css/main.2f50241e.css | 2 -- static/css/main.2f50241e.css.map | 1 - static/css/main.c98903d1.css | 2 ++ static/css/main.c98903d1.css.map | 1 + static/js/main.37ca0f4b.js | 3 --- static/js/main.37ca0f4b.js.map | 1 - static/js/main.fc731340.js | 3 +++ ...CENSE.txt => main.fc731340.js.LICENSE.txt} | 0 static/js/main.fc731340.js.map | 1 + static/media/test2.b93d34d9a7ebd00d38d4.jpg | Bin 0 -> 1410241 bytes .../wave.6ac373d2aa78d489a2cb73233e5b28eb.svg | 1 - 13 files changed, 15 insertions(+), 16 deletions(-) delete mode 100644 static/css/main.2f50241e.css delete mode 100644 static/css/main.2f50241e.css.map create mode 100644 static/css/main.c98903d1.css create mode 100644 static/css/main.c98903d1.css.map delete mode 100644 static/js/main.37ca0f4b.js delete mode 100644 static/js/main.37ca0f4b.js.map create mode 100644 static/js/main.fc731340.js rename static/js/{main.37ca0f4b.js.LICENSE.txt => main.fc731340.js.LICENSE.txt} (100%) create mode 100644 static/js/main.fc731340.js.map create mode 100644 static/media/test2.b93d34d9a7ebd00d38d4.jpg delete mode 100644 static/media/wave.6ac373d2aa78d489a2cb73233e5b28eb.svg diff --git a/asset-manifest.json b/asset-manifest.json index 0d5348f..4799960 100644 --- a/asset-manifest.json +++ b/asset-manifest.json @@ -1,10 +1,11 @@ { "files": { - "main.css": "/topo/static/css/main.2f50241e.css", - "main.js": "/topo/static/js/main.37ca0f4b.js", + "main.css": "/topo/static/css/main.c98903d1.css", + "main.js": "/topo/static/js/main.fc731340.js", "static/media/tommy.avif": "/topo/static/media/tommy.33cea4ddadf1b05003e5.avif", "static/media/guidebook.jpg": "/topo/static/media/guidebook.a77770a444c295ac60ff.jpg", "static/media/rolesBg.jpg": "/topo/static/media/rolesBg.f8a3968173541bf297ec.jpg", + "static/media/test2.jpg": "/topo/static/media/test2.b93d34d9a7ebd00d38d4.jpg", "static/media/traverse.jfif": "/topo/static/media/traverse.436572029825da798e31.jfif", "static/media/bg5.jpg": "/topo/static/media/bg5.b717d424e18bf7ef71f7.jpg", "static/media/climbingPartner.jpg": "/topo/static/media/climbingPartner.0b8bc6b7d1a61d60dd56.jpg", @@ -26,16 +27,15 @@ "static/media/crag.svg": "/topo/static/media/crag.3f9799eddade514c482cbfb082837ce4.svg", "static/media/turnaround.svg": "/topo/static/media/turnaround.dcd81d934bc7145ba09d63a92fe4da9c.svg", "static/media/mouse.svg": "/topo/static/media/mouse.8d7e9ffc7774c1e94a64d1a55fbed709.svg", - "static/media/wave.svg": "/topo/static/media/wave.6ac373d2aa78d489a2cb73233e5b28eb.svg", "static/media/search.svg": "/topo/static/media/search.7e96cb8e437d36db68856cfdcc07e305.svg", "static/media/drag.svg": "/topo/static/media/drag.051660f8e8cc5d632391b667be83b5cd.svg", "static/media/sector.svg": "/topo/static/media/sector.5e3e3c02d203e24778bfc8480e6c444a.svg", "static/media/arrow.svg": "/topo/static/media/arrow.e234b5361844885979ae11480de5ed6f.svg", - "main.2f50241e.css.map": "/topo/static/css/main.2f50241e.css.map", - "main.37ca0f4b.js.map": "/topo/static/js/main.37ca0f4b.js.map" + "main.c98903d1.css.map": "/topo/static/css/main.c98903d1.css.map", + "main.fc731340.js.map": "/topo/static/js/main.fc731340.js.map" }, "entrypoints": [ - "static/css/main.2f50241e.css", - "static/js/main.37ca0f4b.js" + "static/css/main.c98903d1.css", + "static/js/main.fc731340.js" ] } \ No newline at end of file diff --git a/index.html b/index.html index 47f1662..271d067 100644 --- a/index.html +++ b/index.html @@ -1 +1 @@ -Topo
\ No newline at end of file +Topo
\ No newline at end of file diff --git a/static/css/main.2f50241e.css b/static/css/main.2f50241e.css deleted file mode 100644 index fc3d139..0000000 --- a/static/css/main.2f50241e.css +++ /dev/null @@ -1,2 +0,0 @@ -@import url(https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Caveat:wght@400..700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap);@import url(https://fonts.googleapis.com/css2?family=Afacad+Flux:wght@100..1000&display=swap);body{margin:0}.App{font-family:Roboto}.App,.CragPage{display:flex;flex-direction:column;width:100%}.CragPage{align-items:center;background-repeat:repeat;font-family:Open Sans;font-family:Afacad Flux;position:relative;z-index:1}.CragPage .wave{object-fit:cover;position:absolute;width:100%;z-index:2}.CragPage .landingPage{align-items:center;background:linear-gradient(90deg,#021935,#867468);display:flex;flex-direction:column;height:500px;justify-content:center;position:relative;width:100%}@media(min-width:750px){.CragPage .landingPage{height:700px}}.CragPage .header{color:#fff;display:grid;place-content:center;text-align:center;width:100%;z-index:10}.CragPage .cargName{font-size:30px;margin:0;text-shadow:0 0 20px #000}@media(min-width:750px){.CragPage .cargName{font-size:100px}}.CragPage .stats{text-shadow:0 0 10px #000}.CragPage .gallery{align-items:center;bottom:-200px;display:flex;flex-direction:row;flex-wrap:wrap;gap:5px;justify-content:center;perspective:500px;position:absolute;transform-style:preserve-3d;width:calc(100% - 20px);z-index:3}@media(min-width:750px){.CragPage .gallery{bottom:-150px;gap:15px;width:70%}.CragPage .gallery:hover .cragImage{transform:rotateY(25deg)}}.CragPage .cragImage{aspect-ratio:1/1;border:5px solid #fff;border-radius:10px;box-shadow:0 0 3px 0 #0003;box-sizing:border-box;object-fit:cover;perspective:500px;transform-style:preserve-3d;transition:.5s;width:calc(50% - 5px)}@media(min-width:750px){.CragPage .cragImage{width:20%}.CragPage .cragImage:hover~.cragImage{transform:rotateY(-25deg)}.CragPage .cragImage:hover{border-color:#f7770f;box-shadow:0 25px 40px #00000080;transform:rotateY(0deg) scale(1.2)!important;z-index:1}}.CragPage .mapAndDescription{align-items:center;border-radius:10px;display:flex;flex-direction:column;justify-content:space-between;margin-top:240px;width:calc(100% - 20px)}@media(min-width:750px){.CragPage .mapAndDescription{border-left:100px solid #f7770f;box-shadow:0 0 3px 0 #0003;flex-direction:row;height:300px;margin-top:200px;padding:50px;width:calc(70% - 200px)}}.CragPage .description{text-align:justify;width:100%}@media(min-width:750px){.CragPage .description{text-align:left;width:55%}}.CragPage .Map{border:2px solid #f7770f;margin:20px 0;width:100%}@media(min-width:750px){.CragPage .Map{margin:0;width:40%}}.CragPage .cragGrades{display:flex;flex-direction:column;padding:20px 0;width:calc(100% - 40px)}@media(min-width:750px){.CragPage .cragGrades{padding:50px 0;width:70%}}.CragPage .gradeAndBar{overflow-x:scroll;width:100%}@media(min-width:750px){.CragPage .gradeAndBar{overflow-x:visible;overflow-x:initial}}.CragPage .sectionHeading{font-size:24px;margin:0;width:100%}@media(min-width:750px){.CragPage .sectionHeading{font-size:30px}}.CragPage .Chart{justify-content:center}.CragPage .Chart .chartBarsWrapper{height:150px}.CragPage .waveImage{width:100%}.CragPage .waveImage:nth-of-type(2){bottom:2px;position:relative;transform:rotate(180deg)}.SectorsGallery{background:#000;color:#fff;padding:0 20px;width:calc(100% - 40px)}@media(min-width:750px){.SectorsGallery{padding:0 15%;width:70%}}.SectorsGallery .labelsWrapper{display:flex;flex-direction:row;flex-wrap:wrap;gap:25px;justify-content:center;padding-top:50px}.SectorsGallery .label{border-radius:20px;height:120px;overflow:hidden;position:relative;transition:.5s;width:250px}.SectorsGallery .label:hover{width:350px}@media(min-width:750px){.SectorsGallery .label{height:220px;width:220px}}.SectorsGallery .label .content{align-items:flex-start;background:#0000004d;box-shadow:inset 0 0 10px 0 #00000059;display:flex;flex-direction:column;height:calc(100% - 30px);justify-content:flex-end;padding:15px 20px;position:relative;transition:.3s;width:calc(100% - 40px);z-index:2}.SectorsGallery .label .content:hover{background:#6b6b6b59;cursor:pointer}.SectorsGallery .label .name{background-color:#afff00;border-radius:10px;color:#000;font-weight:700;padding:5px 8px;width:fit-content}.SectorsGallery .label img{height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%;z-index:1}.SectorsGallery .label img:hover{scale:1.1}.Footer{display:flex;flex-direction:column;font-family:Afacad Flux;height:15vh;width:100%}@media(min-width:750px){.Footer{height:15vh}}.Footer .buttonsWrapper{align-items:center;background:#171717;display:flex;flex-direction:row;gap:20px;height:calc(100% - 50px);justify-content:center}.Footer .button{background:#fff;border-radius:100vmax;height:20px;padding:8px;width:20px}@media(min-width:750px){.Footer .button{height:22px;padding:10px;width:22px}}.Footer .credits{align-items:center;background:#000;color:#fff;display:flex;flex-direction:row;font-size:14px;gap:10px;height:50px;justify-content:center;width:100%}.Footer .left{font-weight:700}.Footer .left,.Footer .right{text-align:center}.Chart{display:flex;font-size:12px;padding-top:20px}.Chart .gradeAndBar{align-items:center;display:flex;flex-direction:column}.Chart .chartBarsWrapper{align-items:flex-end;display:flex;flex-direction:row;gap:10px;height:100px;margin-top:20px;padding-left:5px}.Chart .values{display:flex;flex-direction:column;height:100px;justify-content:space-between}.Chart .chartGrades{display:flex;flex-direction:row}.Chart .gradeValue{text-align:center;width:25px}.Chart .chartBar{background:#263238;cursor:pointer;height:0;position:relative;transition:1s;width:15px}.Chart .amountValue{border-radius:100vmax;height:15px;left:-8px;place-content:center;position:absolute;text-align:center;top:-20px;width:30px}.Menu{align-items:center;display:flex;flex-direction:row;font-family:Roboto;gap:20px;height:50px;justify-content:flex-end;left:0;padding:0 100px;position:fixed;top:0;width:calc(100% - 200px);z-index:1000}.Menu .button{color:#fff;font-size:14px;text-decoration:none}.Sector{align-items:center;background:#fff;display:flex;flex-direction:column;margin:0 20px;width:calc(100% - 40px)}@media(min-width:750px){.Sector{width:70%}}.Sector .sectorImage{border-radius:10px;max-height:500px;object-fit:contain;padding:50px 0;width:60%}.Sector .routesTable,.Sector tr td{font-size:14px;font-weight:400;text-align:center}.Sector td,.Sector th{min-width:100px}.Sector .tableWrapper{display:flex;justify-content:center;overflow-y:scroll;padding:20px 0;width:100%}@media(min-width:750px){.Sector .tableWrapper{overflow-y:visible;overflow-y:initial;padding:50px 0}}.CragsList{font-family:Afacad Flux}.CragsList,.CragsList .landingPage{align-items:center;display:flex;flex-direction:column;width:100%}.CragsList .landingPage{background:linear-gradient(90deg,#021935,#867468);height:500px;justify-content:center;margin-bottom:250px;position:relative}@media(min-width:750px){.CragsList .landingPage{height:700px;margin-bottom:400px}}.CragsList .header{color:#fff;font-size:30px}@media(min-width:750px){.CragsList .header{font-size:60px}}.CragsList .searchbar{align-items:center;background:#fff;border-radius:20px;display:flex;flex-direction:row;height:50px;position:relative;width:90%}@media(min-width:750px){.CragsList .searchbar{width:40%}}.CragsList .searchbar.hintsActive{border-bottom-left-radius:0;border-bottom-right-radius:0}.CragsList .searchbar input{border:none;font-size:20px;margin-left:5px;outline:none;padding:0 20px;width:calc(100% - 50px)}.CragsList .searchIcon{padding:10px}.CragsList .hintsList{background-color:#fff;border-bottom-left-radius:20px;border-bottom-right-radius:20px;box-shadow:0 0 3px 0 #0003;display:flex;flex-direction:column;padding:5px 10px;position:absolute;top:50px;width:calc(100% - 20px);z-index:20}.CragsList .hint{color:#000;font-size:18px;height:30px;text-decoration:none}.CragsList .hint:hover{color:blue;cursor:pointer}.CragsList .Map{cursor:grab;height:calc(100% - 70px);width:100%}.CragsList .Map .marker{cursor:pointer}.CragsList .Map .marker:hover{opacity:.6}.CragsList .controllsInfo{align-items:center;display:flex;flex-direction:column;height:60px;justify-content:space-evenly;padding-top:10px;width:100%}.CragsList .controll{display:flex;flex-direction:row}.CragsList .mapWrapper{background:#fff;border:4px solid #fff;border-radius:10px;bottom:-250px;box-shadow:0 0 3px 0 #0003;height:400px;overflow:hidden;position:absolute;width:90%}@media(min-width:750px){.CragsList .mapWrapper{bottom:-450px;height:600px;width:70%}}.CragsList .countriesList{display:flex;flex-direction:column;padding:20px 0;width:90%}@media(min-width:750px){.CragsList .countriesList{padding:100px 0;width:40%}}.CragsList .countryTab{display:flex;flex-direction:column;width:100%}.CragsList .cragLabel{align-items:center;display:flex;flex-direction:row;gap:10px;height:50px}.CragsList .navButton{background:#f7770f;border-radius:10px;color:#000;cursor:pointer;padding:5px 10px}.CragsList .navButton:hover{opacity:.6}.Homepage{display:flex;flex-direction:column;height:100vh;position:relative;width:100%}.Homepage .placeholder{height:85vh;width:100%}@media(min-width:750px){.Homepage .placeholder{height:85vh}}.Homepage .placeholder img{height:100%;object-fit:cover;width:100%}.Homepage .header{color:#fff;font-family:Afacad Flux;height:100vh;width:100%}.Homepage .headerText{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;padding:0;width:100%}@media(min-width:750px){.Homepage .headerText{align-items:flex-start;height:auto;padding-left:100px;padding-top:100px;width:auto}}.Homepage .logo{width:60%}@media(min-width:750px){.Homepage .logo{width:300px}}.Homepage .mainBackgorund{height:100vh;object-fit:cover;width:100%}.CragPreview{align-items:center;background:#fff;box-shadow:0 -10px 15px 10px #0000001a;display:flex;flex-direction:column;font-family:Afacad Flux;height:100vh;justify-content:space-between;padding:20px 10px;width:calc(100% - 20px)}@media(min-width:750px){.CragPreview{height:80vh;padding:50px 0;width:100%}}.CragPreview .cragHeader{font-size:20px;margin:0;padding-bottom:20px}@media(min-width:750px){.CragPreview .cragHeader{font-size:24px}}.CragPreview .sectionHeading{font-size:22px;margin:0;max-width:1200px;text-align:center;width:100%}@media(min-width:1160px){.CragPreview .sectionHeading{font-size:35px}}@media(min-width:750px){.CragPreview .sectionHeading{font-size:30px;text-align:left;width:70%}}.CragPreview .sectionContent{display:flex;flex-direction:column;justify-content:space-between;max-width:1200px;padding-top:20px;width:100%}@media(min-width:750px){.CragPreview .sectionContent{flex-direction:row;font-size:35px;padding-top:50px;width:80%}}@media(min-width:1160px){.CragPreview .sectionContent{width:70%}}.CragPreview .cragDetails{align-items:center;display:flex;flex-direction:column;opacity:0;padding-bottom:20px;position:relative;top:200px;width:100%}@media(min-width:750px){.CragPreview .cragDetails{flex-direction:column;min-height:600px;padding-bottom:0;width:calc(50% - 25px)}}.CragPreview .desctiption{font-size:14px;max-height:320px;overflow-y:scroll;padding:0 5px 20px;text-align:justify}@media(min-width:750px){.CragPreview .desctiption{font-size:14px;padding:0 0 20px;text-align:center}}@media(min-width:1160px){.CragPreview .desctiption{font-size:16px}}.CragPreview .imagesWrapper{display:flex;flex-direction:row;gap:10px;width:100%}.CragPreview .cragImage{aspect-ratio:1/1;border-radius:10px;overflow:hidden;width:33%}.CragPreview .cragImage img{height:100%;object-fit:cover;transition:.7s ease-in-out;width:100%}.CragPreview .cragImage img:hover{transform:scale(1.2)}.CragPreview .button{background:#f7770f;border-radius:10px;color:#fff;display:grid;font-size:16px;height:40px;margin-top:20px;place-content:center;text-decoration:none;width:100%}@media(min-width:750px){.CragPreview .button{height:50px;width:60%}}.CragPreview .cragMapWrapper{align-items:center;display:flex;flex-direction:column;width:100%}@media(min-width:750px){.CragPreview .cragMapWrapper{align-items:normal;height:600px;width:calc(50% - 25px)}}.CragPreview .Map{cursor:grab;height:calc(100% - 80px);width:100%}.CragPreview .Map .marker{cursor:pointer}.CragPreview .Map .marker:hover{opacity:.6}.CragPreview .controllsInfo{display:flex;flex-direction:column;padding-top:10px;width:100%}.CragPreview .controll{display:flex;flex-direction:row;font-size:12px;justify-content:center;padding-top:10px}@media(min-width:750px){.CragPreview .controll{font-size:16px;height:25px;height:20px}}.CragPreview .icon{display:none;padding-right:5px}@media(min-width:750px){.CragPreview .icon{display:block}}@keyframes slideUp{0%{opacity:0;top:100px}to{opacity:1;top:0}}.ParallaxDivider{height:0;width:100%;z-index:1}.ServiceStats{align-items:center;background:#fff;box-shadow:0 0 3px 0 #0003;display:flex;flex-direction:column;font-family:Afacad Flux;height:90vh;justify-content:space-evenly;width:100%}@media(min-width:750px){.ServiceStats{height:80vh}}.ServiceStats .contentwrapper{display:flex;flex-direction:row;width:85%}@media(min-width:1160px){.ServiceStats .contentwrapper{width:70%}}.ServiceStats .statsWrapper{display:flex;flex-direction:column;height:100%;justify-content:space-around;width:100px}.ServiceStats .statsWrapper:not(:first-child) .stat{left:-100px;position:relative}.ServiceStats .bgImageWrapper{border-radius:20px;height:500px;overflow:hidden;width:calc(100% - 200px)}.ServiceStats .bgImage{height:100%;object-fit:cover;width:100%}.ServiceStats .icon{background:#d5d5d5;border-radius:100vmax;height:18px;padding:6px;width:18px}@media(min-width:750px){.ServiceStats .icon{height:36px;padding:10px;width:36px}}.ServiceStats .stat{align-items:center;background-color:#fff;border-radius:20px;box-shadow:0 0 8px 0 #0000001a;display:flex;flex-direction:row;gap:20px;height:60px;padding:20px;width:200px;z-index:2}@media(min-width:750px){.ServiceStats .stat{height:70px;width:180px}}@media(min-width:1160px){.ServiceStats .stat{height:80px;width:200px}}.ServiceStats .stat:nth-of-type(2){background:#f7770f;color:#fff}.ServiceStats .stat:nth-of-type(2) .icon{background:#fff}.ServiceStats .number{font-size:20px;font-weight:600}@media(min-width:750px){.ServiceStats .number{font-size:25px}}@media(min-width:1160px){.ServiceStats .number{font-size:30px}}.ServiceStats .textWrapper{display:flex;flex-direction:column}.ServiceStats .sectionHeading{font-size:22px;margin:0;width:70%}@media(min-width:750px){.ServiceStats .sectionHeading{font-size:30px;width:85%}}@media(min-width:1160px){.ServiceStats .sectionHeading{font-size:35px;width:70%}}.ServiceStats .mobileWrapper{display:flex;flex-direction:column;width:100%}.ServiceStats .mobileWrapper .stat{box-shadow:none;width:80%}.Roles{align-items:center;background:#00000080;display:flex;flex-direction:column;font-family:Caveat;height:100vh;position:relative;width:100%;z-index:10}@media(min-width:750px){.Roles{height:95vh;padding-top:5vh}}.Roles .title{color:#fff;font-size:30px;text-align:center}@media(min-width:750px){.Roles .title{font-size:40px}}.Roles .bgImage{height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%;z-index:1}.Roles .contentWrapper{background:#0009;display:flex;flex-direction:column;height:100%;justify-content:center;padding:0 20px;position:relative;width:calc(100% - 40px);z-index:10}.Roles .cardsWrapper{gap:50px;height:280px;margin:50px 0;position:relative}.Roles .cardsWrapper,.Roles .carousel{display:flex;flex-direction:row;width:100%}.Roles .carousel{align-items:center;justify-content:space-between;padding:50px 0}.Roles .controllButton:nth-of-type(2){transform:rotate(180deg)}@keyframes reveal_1{0%{left:calc(50% - 90px);top:0;transform:rotate(0deg)}to{left:calc(50% - 435px);top:60px;transform:rotate(-15deg)}}@keyframes reveal_1_lg{0%{left:calc(50% - 109px);top:0;transform:rotate(0deg)}to{left:calc(50% - 511px);top:60px;transform:rotate(-15deg)}}@keyframes reveal_2{0%{left:calc(50% - 90px);transform:rotate(0deg)}to{left:calc(50% - 205px);transform:rotate(-5deg)}}@keyframes reveal_2_lg{0%{left:calc(50% - 109px);transform:rotate(0deg)}to{left:calc(50% - 243px);transform:rotate(-5deg)}}@keyframes reveal_3{0%{right:calc(50% - 90px);transform:rotate(0deg)}to{right:calc(50% - 205px);transform:rotate(5deg)}}@keyframes reveal_3_lg{0%{right:calc(50% - 109px);transform:rotate(0deg)}to{right:calc(50% - 243px);transform:rotate(5deg)}}@keyframes reveal_4{0%{right:calc(50% - 90px);top:0;transform:rotate(0deg)}to{right:calc(50% - 435px);top:60px;transform:rotate(15deg)}}@keyframes reveal_4_lg{0%{right:calc(50% - 109px);top:0;transform:rotate(0deg)}to{right:calc(50% - 511px);top:60px;transform:rotate(15deg)}}.PolaroidCard{align-items:center;display:flex;height:280px;justify-content:center;position:relative;transition:.7s;width:218px}@media(min-width:750px){.PolaroidCard{height:240px;position:absolute;top:0;width:180px}.PolaroidCard.stack:first-of-type,.PolaroidCard.stack:nth-of-type(2){left:calc(50% - 90px)}}@media(min-width:750px)and (min-width:1160px){.PolaroidCard.stack:first-of-type,.PolaroidCard.stack:nth-of-type(2){left:calc(50% - 109px)}}@media(min-width:750px){.PolaroidCard.stack:nth-of-type(3),.PolaroidCard.stack:nth-of-type(4){right:calc(50% - 90px)}}@media(min-width:750px)and (min-width:1160px){.PolaroidCard.stack:nth-of-type(3),.PolaroidCard.stack:nth-of-type(4){right:calc(50% - 109px)}}@media(min-width:750px){.PolaroidCard.unfolded:first-of-type{left:calc(50% - 435px);top:60px;transform:rotate(-15deg)}}@media(min-width:750px)and (min-width:1160px){.PolaroidCard.unfolded:first-of-type{left:calc(50% - 511px);top:60px;transform:rotate(-15deg)}}@media(min-width:750px){.PolaroidCard.unfolded:nth-of-type(2){left:calc(50% - 205px);transform:rotate(-5deg)}}@media(min-width:750px)and (min-width:1160px){.PolaroidCard.unfolded:nth-of-type(2){left:calc(50% - 243px);transform:rotate(-5deg)}}@media(min-width:750px){.PolaroidCard.unfolded:nth-of-type(3){right:calc(50% - 205px);transform:rotate(5deg)}}@media(min-width:750px)and (min-width:1160px){.PolaroidCard.unfolded:nth-of-type(3){right:calc(50% - 243px);transform:rotate(5deg)}}@media(min-width:750px){.PolaroidCard.unfolded:nth-of-type(4){right:calc(50% - 435px);top:60px;transform:rotate(15deg)}}@media(min-width:750px)and (min-width:1160px){.PolaroidCard.unfolded:nth-of-type(4){right:calc(50% - 511px);top:60px;transform:rotate(15deg)}}@media(min-width:1160px){.PolaroidCard{height:280px;width:218px}}.PolaroidCard .back,.PolaroidCard .front{background:#fff;border-radius:10px;cursor:pointer;height:280px;padding:5px;position:absolute;transition:border .3s;width:200px;will-change:transform,opacity}@media(min-width:750px){.PolaroidCard .back,.PolaroidCard .front{height:240px;width:162px}}@media(min-width:1160px){.PolaroidCard .back,.PolaroidCard .front{height:280px;width:200px}}.PolaroidCard .back{padding:5px 10px;width:190px}@media(min-width:750px){.PolaroidCard .back{width:152px}}@media(min-width:1160px){.PolaroidCard .back{width:190px}}.PolaroidCard .image{border-radius:10px;height:220px;object-fit:cover;width:100%}@media(min-width:750px){.PolaroidCard .image{height:180px}}@media(min-width:1160px){.PolaroidCard .image{height:220px}}.PolaroidCard .name{display:grid;font-size:20px;height:55px;margin:0;place-content:center;text-align:center}.PolaroidCard .backName{font-size:16px;font-weight:700}@media(min-width:1160px){.PolaroidCard .backName{font-size:18px}}.PolaroidCard .description{font-size:14px}@media(min-width:1160px){.PolaroidCard .description{font-size:16px}}.PolaroidCard .clickIcon{background-color:#f7770f;border-radius:100vmax;bottom:-15px;cursor:pointer;padding:5px;position:absolute;right:-15px;transition:.4s ease-in-out}.PolaroidCard .clickIcon:hover{background-color:#f79a0f} -/*# sourceMappingURL=main.2f50241e.css.map*/ \ No newline at end of file diff --git a/static/css/main.2f50241e.css.map b/static/css/main.2f50241e.css.map deleted file mode 100644 index 1e66a7c..0000000 --- a/static/css/main.2f50241e.css.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"file":"static/css/main.2f50241e.css","mappings":"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","sources":["styles/App.scss","styles/CragPage.scss","styles/settings.scss","styles/SectorsGallery.scss","styles/Footer.scss","styles/Chart.scss","styles/Menu.scss","styles/Sector.scss","styles/CragsList.scss","styles/Homepage.scss","styles/CragPreview.scss","styles/ParallaxDivider.scss","styles/ServiceStats.scss","styles/Roles.scss","styles/keyframes.scss","styles/PolaroidCard.scss"],"sourcesContent":["@import \"./settings.scss\";\n\nbody {\n margin: 0;\n}\n\n.App {\n display: flex;\n flex-direction: column;\n width: 100%;\n font-family: Roboto;\n}","@import \"./settings.scss\";\r\n\r\n.CragPage {\r\n width: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n font-family: \"Open Sans\";\r\n background-repeat: repeat;\r\n align-items: center;\r\n position: relative;\r\n z-index: 1;\r\n font-family: \"Afacad Flux\";\r\n\r\n .wave {\r\n width: 100%;\r\n position: absolute;\r\n z-index: 2;\r\n object-fit: cover;\r\n }\r\n\r\n .landingPage {\r\n width: 100%;\r\n height: 500px;\r\n display: flex;\r\n flex-direction: column;\r\n background: linear-gradient(90deg, rgba(2, 25, 53, 1) 0%, rgba(134, 116, 104, 1) 100%);\r\n justify-content: center;\r\n align-items: center;\r\n position: relative;\r\n\r\n @include mobile-md {\r\n height: 700px;\r\n }\r\n }\r\n\r\n .header {\r\n color: white;\r\n width: 100%;\r\n display: grid;\r\n place-content: center;\r\n text-align: center;\r\n z-index: 10;\r\n }\r\n\r\n .cargName {\r\n font-size: 30px;\r\n margin: 0;\r\n text-shadow: 0px 0px 20px black;\r\n\r\n @include mobile-md {\r\n font-size: 100px;\r\n }\r\n }\r\n\r\n .stats {\r\n text-shadow: 0px 0px 10px black;\r\n }\r\n\r\n .gallery {\r\n width: calc(100% - 20px);\r\n display: flex;\r\n flex-direction: row;\r\n flex-wrap: wrap;\r\n gap: 5px;\r\n justify-content: center;\r\n position: absolute;\r\n align-items: center;\r\n bottom: -200px;\r\n z-index: 3;\r\n transform-style: preserve-3d;\r\n perspective: 500px;\r\n\r\n @include mobile-md {\r\n gap: 15px;\r\n width: 70%;\r\n bottom: -150px;\r\n\r\n &:hover .cragImage {\r\n transform: rotateY(25deg);\r\n }\r\n }\r\n\r\n }\r\n\r\n .cragImage {\r\n width: calc(50% - 5px);\r\n aspect-ratio: 1/1;\r\n object-fit: cover;\r\n border-radius: 10px;\r\n box-sizing: border-box;\r\n border: 5px solid white;\r\n box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.2);\r\n transform-style: preserve-3d;\r\n perspective: 500px;\r\n transition: 0.5s;\r\n\r\n @include mobile-md {\r\n width: 20%;\r\n\r\n &:hover~.cragImage {\r\n transform: rotateY(-25deg);\r\n }\r\n\r\n &:hover {\r\n transform: rotateY(0deg) scale(1.2) !important;\r\n z-index: 1;\r\n box-shadow: 0 25px 40px rgba(0, 0, 0, 0.5);\r\n border-color: $orange;\r\n }\r\n }\r\n }\r\n\r\n .mapAndDescription {\r\n display: flex;\r\n flex-direction: column;\r\n margin-top: 240px;\r\n width: calc(100% - 20px);\r\n align-items: center;\r\n justify-content: space-between;\r\n border-radius: 10px;\r\n\r\n @include mobile-md {\r\n width: calc(70% - 200px);\r\n height: 300px;\r\n flex-direction: row;\r\n padding: 50px;\r\n margin-top: 200px;\r\n border-left: 100px solid #F7770F;\r\n box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.2);\r\n }\r\n }\r\n\r\n .description {\r\n width: 100%;\r\n text-align: justify;\r\n\r\n @include mobile-md {\r\n width: 55%;\r\n text-align: left;\r\n }\r\n }\r\n\r\n .Map {\r\n width: 100%;\r\n border: 2px solid #F7770F;\r\n margin: 20px 0;\r\n\r\n @include mobile-md {\r\n width: 40%;\r\n margin: 0;\r\n }\r\n }\r\n\r\n .cragGrades {\r\n width: calc(100% - 40px);\r\n display: flex;\r\n flex-direction: column;\r\n padding: $sectionPaddingMobile 0;\r\n\r\n @include mobile-md {\r\n width: 70%;\r\n padding: $sectionPadding 0;\r\n }\r\n }\r\n\r\n .gradeAndBar {\r\n width: 100%;\r\n overflow-x: scroll;\r\n\r\n @include mobile-md {\r\n overflow-x: unset;\r\n }\r\n }\r\n\r\n .sectionHeading {\r\n font-size: 24px;\r\n margin: 0;\r\n width: 100%;\r\n\r\n @include mobile-md {\r\n font-size: 30px;\r\n }\r\n }\r\n\r\n .Chart {\r\n justify-content: center;\r\n\r\n .chartBarsWrapper {\r\n height: 150px;\r\n }\r\n }\r\n\r\n .waveImage {\r\n width: 100%;\r\n\r\n &:nth-of-type(2) {\r\n transform: rotate(180deg);\r\n position: relative;\r\n bottom: 2px;\r\n }\r\n }\r\n}","@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');\r\n@import url('https://fonts.googleapis.com/css2?family=Caveat:wght@400..700&display=swap');\r\n@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');\r\n@import url('https://fonts.googleapis.com/css2?family=Afacad+Flux:wght@100..1000&display=swap');\r\n\r\n@import \"./keyframes.scss\";\r\n\r\n$mainBackground: #071529;\r\n$secondaryBackground: #dc2027;\r\n$yellow: #afff00;\r\n$orange: #F7770F;\r\n$orangeActive: #f79a0f;\r\n$sectionPadding: 50px;\r\n$sectionPaddingMobile: 20px;\r\n$maxPageWidth: 1200px;\r\n$footerHeight: 15vh;\r\n$footerHeightMobile: 15vh;\r\n\r\n@mixin mobile-md {\r\n @media (min-width: 750px) {\r\n @content;\r\n }\r\n}\r\n\r\n@mixin desktop-m {\r\n @media (min-width: 800px) {\r\n @content;\r\n }\r\n}\r\n\r\n\r\n@mixin desktop-lg {\r\n @media (min-width: 1160px) {\r\n @content;\r\n }\r\n}","@import \"./settings.scss\";\r\n\r\n.SectorsGallery {\r\n width: calc(100% - 40px);\r\n padding: 0 20px;\r\n background: black;\r\n color: white;\r\n\r\n @include mobile-md {\r\n width: 70%;\r\n padding: 0 15%;\r\n }\r\n\r\n .labelsWrapper {\r\n display: flex;\r\n flex-direction: row;\r\n flex-wrap: wrap;\r\n gap: 25px;\r\n justify-content: center;\r\n padding-top: 50px;\r\n }\r\n\r\n .label {\r\n width: 250px;\r\n height: 120px;\r\n position: relative;\r\n border-radius: 20px;\r\n overflow: hidden;\r\n transition: 0.5s;\r\n\r\n &:hover {\r\n width: 350px;\r\n }\r\n\r\n @include mobile-md {\r\n width: 220px;\r\n height: 220px;\r\n }\r\n\r\n .content {\r\n z-index: 2;\r\n position: relative;\r\n width: calc(100% - 40px);\r\n height: calc(100% - 30px);\r\n padding: 15px 20px;\r\n display: flex;\r\n align-items: flex-start;\r\n justify-content: flex-end;\r\n flex-direction: column;\r\n background: rgba(0, 0, 0, 0.3);\r\n box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, 0.35);\r\n transition: 0.3s;\r\n\r\n &:hover {\r\n cursor: pointer;\r\n background: rgba(107, 107, 107, 0.35);\r\n }\r\n }\r\n\r\n .name {\r\n padding: 5px 8px;\r\n border-radius: 10px;\r\n background-color: $yellow;\r\n color: black;\r\n width: fit-content;\r\n font-weight: bold;\r\n }\r\n\r\n img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n position: absolute;\r\n left: 0;\r\n top: 0;\r\n z-index: 1;\r\n\r\n &:hover {\r\n scale: 1.1;\r\n }\r\n }\r\n }\r\n}","@import \"./settings.scss\";\r\n\r\n.Footer {\r\n height: $footerHeightMobile;\r\n width: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n font-family: \"Afacad Flux\";\r\n\r\n\r\n @include mobile-md {\r\n height: $footerHeight;\r\n }\r\n\r\n .buttonsWrapper {\r\n display: flex;\r\n flex-direction: row;\r\n align-items: center;\r\n justify-content: center;\r\n height: calc(100% - 50px);\r\n background: #171717;\r\n gap: 20px;\r\n }\r\n\r\n .button {\r\n width: 20px;\r\n height: 20px;\r\n padding: 8px;\r\n background: white;\r\n border-radius: 100vmax;\r\n\r\n @include mobile-md {\r\n width: 22px;\r\n height: 22px;\r\n padding: 10px;\r\n }\r\n }\r\n\r\n .credits {\r\n width: 100%;\r\n height: 50px;\r\n display: flex;\r\n flex-direction: row;\r\n align-items: center;\r\n justify-content: center;\r\n background: black;\r\n color: white;\r\n gap: 10px;\r\n font-size: 14px;\r\n }\r\n\r\n .left {\r\n font-weight: bold;\r\n }\r\n\r\n .left,\r\n .right {\r\n text-align: center;\r\n }\r\n}",".Chart {\r\n display: flex;\r\n padding-top: 20px;\r\n font-size: 12px;\r\n\r\n .gradeAndBar {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n }\r\n\r\n .chartBarsWrapper {\r\n display: flex;\r\n flex-direction: row;\r\n gap: 10px;\r\n height: 100px;\r\n align-items: flex-end;\r\n padding-left: 5px;\r\n margin-top: 20px;\r\n }\r\n\r\n .values {\r\n height: 100px;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: space-between;\r\n }\r\n\r\n .chartGrades {\r\n display: flex;\r\n flex-direction: row;\r\n }\r\n\r\n .gradeValue {\r\n width: 25px;\r\n text-align: center;\r\n }\r\n\r\n .chartBar {\r\n width: 15px;\r\n background: #263238;\r\n cursor: pointer;\r\n position: relative;\r\n height: 0px;\r\n transition: 1s;\r\n }\r\n\r\n .amountValue {\r\n width: 30px;\r\n height: 15px;\r\n place-content: center;\r\n position: absolute;\r\n top: -20px;\r\n left: -8px;\r\n border-radius: 100vmax;\r\n text-align: center;\r\n }\r\n\r\n}",".Menu {\r\n font-family: \"Roboto\";\r\n display: flex;\r\n flex-direction: row;\r\n align-items: center;\r\n justify-content: flex-end;\r\n width: calc(100% - 200px);\r\n padding: 0 100px;\r\n height: 50px;\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n z-index: 1000;\r\n gap: 20px;\r\n\r\n .button {\r\n color: white;\r\n text-decoration: none;\r\n font-size: 14px;\r\n }\r\n}","@import \"./settings.scss\";\r\n\r\n.Sector {\r\n display: flex;\r\n flex-direction: column;\r\n width: calc(100% - 40px);\r\n margin: 0 $sectionPaddingMobile;\r\n align-items: center;\r\n background: white;\r\n\r\n @include mobile-md {\r\n width: 70%;\r\n }\r\n\r\n .sectorImage {\r\n width: 60%;\r\n max-height: 500px;\r\n padding: $sectionPadding 0;\r\n border-radius: 10px;\r\n object-fit: contain;\r\n }\r\n\r\n .routesTable,\r\n tr td {\r\n font-weight: 400;\r\n text-align: center;\r\n font-size: 14px;\r\n }\r\n\r\n th,\r\n td {\r\n min-width: 100px;\r\n }\r\n\r\n .tableWrapper {\r\n width: 100%;\r\n display: flex;\r\n justify-content: center;\r\n overflow-y: scroll;\r\n padding: $sectionPaddingMobile 0;\r\n\r\n @include mobile-md {\r\n overflow-y: unset;\r\n padding: $sectionPadding 0;\r\n }\r\n }\r\n}","@import \"./settings.scss\";\r\n\r\n.CragsList {\r\n width: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n font-family: \"Afacad Flux\";\r\n align-items: center;\r\n\r\n .landingPage {\r\n width: 100%;\r\n background: linear-gradient(90deg, rgba(2, 25, 53, 1) 0%, rgba(134, 116, 104, 1) 100%);\r\n height: 500px;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n margin-bottom: 250px;\r\n position: relative;\r\n\r\n @include mobile-md {\r\n height: 700px;\r\n margin-bottom: 400px;\r\n }\r\n }\r\n\r\n .header {\r\n color: white;\r\n font-size: 30px;\r\n\r\n @include mobile-md {\r\n font-size: 60px;\r\n }\r\n }\r\n\r\n .searchbar {\r\n width: 90%;\r\n display: flex;\r\n flex-direction: row;\r\n align-items: center;\r\n background: white;\r\n border-radius: 20px;\r\n height: 50px;\r\n position: relative;\r\n\r\n @include mobile-md {\r\n width: 40%;\r\n }\r\n\r\n &.hintsActive {\r\n border-bottom-left-radius: 0;\r\n border-bottom-right-radius: 0;\r\n }\r\n\r\n input {\r\n width: calc(100% - 50px);\r\n padding: 0 20px;\r\n border: none;\r\n outline: none;\r\n font-size: 20px;\r\n margin-left: 5px;\r\n }\r\n }\r\n\r\n .searchIcon {\r\n padding: 10px;\r\n }\r\n\r\n .hintsList {\r\n position: absolute;\r\n width: calc(100% - 20px);\r\n display: flex;\r\n flex-direction: column;\r\n background-color: white;\r\n top: 50px;\r\n border-bottom-left-radius: 20px;\r\n border-bottom-right-radius: 20px;\r\n padding: 5px 10px;\r\n z-index: 20;\r\n box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.2);\r\n }\r\n\r\n .hint {\r\n height: 30px;\r\n text-decoration: none;\r\n color: black;\r\n font-size: 18px;\r\n\r\n &:hover {\r\n cursor: pointer;\r\n color: blue;\r\n }\r\n }\r\n\r\n .Map {\r\n width: 100%;\r\n height: calc(100% - 70px);\r\n cursor: grab;\r\n\r\n .marker {\r\n cursor: pointer;\r\n\r\n &:hover {\r\n opacity: 0.6;\r\n }\r\n }\r\n }\r\n\r\n .controllsInfo {\r\n width: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n height: 60px;\r\n align-items: center;\r\n justify-content: space-evenly;\r\n padding-top: 10px;\r\n }\r\n\r\n .controll {\r\n display: flex;\r\n flex-direction: row;\r\n }\r\n\r\n .mapWrapper {\r\n width: 90%;\r\n height: 400px;\r\n border-radius: 10px;\r\n position: absolute;\r\n bottom: -250px;\r\n border: 4px solid white;\r\n background: white;\r\n overflow: hidden;\r\n box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.2);\r\n\r\n @include mobile-md {\r\n width: 70%;\r\n height: 600px;\r\n bottom: -450px;\r\n }\r\n }\r\n\r\n .countriesList {\r\n width: 90%;\r\n display: flex;\r\n flex-direction: column;\r\n padding: 20px 0;\r\n\r\n @include mobile-md {\r\n width: 40%;\r\n padding: 100px 0;\r\n }\r\n }\r\n\r\n .countryTab {\r\n width: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n }\r\n\r\n .cragLabel {\r\n display: flex;\r\n flex-direction: row;\r\n align-items: center;\r\n height: 50px;\r\n gap: 10px;\r\n }\r\n\r\n .navButton {\r\n background: $orange;\r\n color: black;\r\n padding: 5px 10px;\r\n border-radius: 10px;\r\n cursor: pointer;\r\n\r\n &:hover {\r\n opacity: 0.6;\r\n }\r\n }\r\n}","@import \"./settings.scss\";\r\n\r\n.Homepage {\r\n width: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n height: 100vh;\r\n position: relative;\r\n\r\n .placeholder {\r\n height: calc(100vh - $footerHeightMobile);\r\n width: 100%;\r\n\r\n @include mobile-md {\r\n height: calc(100vh - $footerHeight);\r\n }\r\n\r\n img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n }\r\n }\r\n\r\n .header {\r\n width: 100%;\r\n height: 100vh;\r\n color: white;\r\n font-family: \"Afacad Flux\";\r\n }\r\n\r\n .headerText {\r\n padding: 0;\r\n width: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n height: 100%;\r\n justify-content: center;\r\n align-items: center;\r\n\r\n\r\n\r\n @include mobile-md {\r\n height: unset;\r\n width: unset;\r\n align-items: flex-start;\r\n padding-left: 100px;\r\n padding-top: 100px;\r\n }\r\n }\r\n\r\n .logo {\r\n width: 60%;\r\n\r\n @include mobile-md {\r\n width: 300px;\r\n }\r\n }\r\n\r\n .mainBackgorund {\r\n width: 100%;\r\n height: 100vh;\r\n object-fit: cover;\r\n }\r\n}","@import \"./settings.scss\";\r\n\r\n.CragPreview {\r\n width: calc(100% - 20px);\r\n background: white;\r\n display: flex;\r\n flex-direction: column;\r\n padding: $sectionPaddingMobile 10px;\r\n align-items: center;\r\n font-family: \"Afacad Flux\";\r\n box-shadow: 0px -10px 15px 10px rgba(0, 0, 0, 0.1);\r\n height: 100vh;\r\n justify-content: space-between;\r\n\r\n @include mobile-md {\r\n width: 100%;\r\n height: 80vh;\r\n padding: $sectionPadding 0;\r\n }\r\n\r\n .cragHeader {\r\n margin: 0;\r\n padding-bottom: 20px;\r\n font-size: 20px;\r\n\r\n @include mobile-md {\r\n font-size: 24px;\r\n }\r\n }\r\n\r\n .sectionHeading {\r\n width: 100%;\r\n max-width: $maxPageWidth;\r\n margin: 0;\r\n font-size: 22px;\r\n text-align: center;\r\n\r\n @include desktop-lg {\r\n font-size: 35px;\r\n }\r\n\r\n @include mobile-md {\r\n width: 70%;\r\n font-size: 30px;\r\n text-align: left;\r\n }\r\n }\r\n\r\n .sectionContent {\r\n display: flex;\r\n flex-direction: column;\r\n width: 100%;\r\n max-width: $maxPageWidth;\r\n padding-top: $sectionPaddingMobile;\r\n justify-content: space-between;\r\n\r\n @include mobile-md {\r\n width: 80%;\r\n font-size: 35px;\r\n padding-top: 50px;\r\n flex-direction: row;\r\n }\r\n\r\n @include desktop-lg {\r\n width: 70%;\r\n }\r\n }\r\n\r\n .cragDetails {\r\n width: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n padding-bottom: 20px;\r\n position: relative;\r\n top: 200px;\r\n opacity: 0;\r\n\r\n @include mobile-md {\r\n width: calc(50% - 25px);\r\n flex-direction: column;\r\n padding-bottom: 0;\r\n min-height: 600px;\r\n }\r\n }\r\n\r\n .desctiption {\r\n padding: 0 5px 20px 5px;\r\n text-align: justify;\r\n font-size: 14px;\r\n max-height: 320px;\r\n overflow-y: scroll;\r\n\r\n @include mobile-md {\r\n padding: 0 0 20px 0;\r\n text-align: center;\r\n font-size: 14px;\r\n }\r\n\r\n @include desktop-lg {\r\n font-size: 16px;\r\n }\r\n }\r\n\r\n .imagesWrapper {\r\n width: 100%;\r\n display: flex;\r\n flex-direction: row;\r\n gap: 10px;\r\n }\r\n\r\n .cragImage {\r\n width: 33%;\r\n aspect-ratio: 1/1;\r\n overflow: hidden;\r\n border-radius: 10px;\r\n\r\n img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n transition: 0.7s ease-in-out;\r\n\r\n &:hover {\r\n transform: scale(1.2);\r\n }\r\n }\r\n }\r\n\r\n .button {\r\n text-decoration: none;\r\n margin-top: 20px;\r\n width: 100%;\r\n height: 40px;\r\n display: grid;\r\n place-content: center;\r\n color: white;\r\n border-radius: 10px;\r\n background: #F7770F;\r\n font-size: 16px;\r\n\r\n @include mobile-md {\r\n width: 60%;\r\n height: 50px;\r\n }\r\n }\r\n\r\n\r\n .cragMapWrapper {\r\n width: 100%;\r\n align-items: center;\r\n display: flex;\r\n flex-direction: column;\r\n\r\n @include mobile-md {\r\n width: calc(50% - 25px);\r\n height: 600px;\r\n align-items: unset;\r\n }\r\n }\r\n\r\n .Map {\r\n width: 100%;\r\n height: calc(100% - 80px);\r\n cursor: grab;\r\n\r\n .marker {\r\n cursor: pointer;\r\n\r\n &:hover {\r\n opacity: 0.6;\r\n }\r\n }\r\n }\r\n\r\n .controllsInfo {\r\n width: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n padding-top: 10px;\r\n }\r\n\r\n .controll {\r\n display: flex;\r\n flex-direction: row;\r\n font-size: 12px;\r\n justify-content: center;\r\n padding-top: 10px;\r\n\r\n @include mobile-md {\r\n height: 25px;\r\n font-size: 16px;\r\n height: 20px;\r\n }\r\n }\r\n\r\n .icon {\r\n padding-right: 5px;\r\n display: none;\r\n\r\n @include mobile-md {\r\n display: block;\r\n }\r\n }\r\n}\r\n\r\n@keyframes slideUp {\r\n from {\r\n top: 100px;\r\n opacity: 0;\r\n }\r\n\r\n to {\r\n top: 0px;\r\n opacity: 1;\r\n }\r\n}",".ParallaxDivider {\r\n width: 100%;\r\n height: 0px;\r\n z-index: 1;\r\n}","@import \"./settings.scss\";\r\n\r\n.ServiceStats {\r\n width: 100%;\r\n height: 90vh;\r\n background: white;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: space-evenly;\r\n box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.2);\r\n font-family: \"Afacad Flux\";\r\n\r\n @include mobile-md {\r\n height: 80vh;\r\n }\r\n\r\n .contentwrapper {\r\n display: flex;\r\n flex-direction: row;\r\n width: 85%;\r\n\r\n @include desktop-lg {\r\n width: 70%;\r\n }\r\n }\r\n\r\n .statsWrapper {\r\n width: 100px;\r\n display: flex;\r\n flex-direction: column;\r\n height: 100%;\r\n justify-content: space-around;\r\n\r\n &:not(:first-child) {\r\n .stat {\r\n position: relative;\r\n left: -100px;\r\n }\r\n }\r\n }\r\n\r\n .bgImageWrapper {\r\n width: calc(100% - 200px);\r\n height: 500px;\r\n border-radius: 20px;\r\n overflow: hidden;\r\n }\r\n\r\n .bgImage {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n }\r\n\r\n .icon {\r\n background: #d5d5d5;\r\n padding: 6px;\r\n border-radius: 100vmax;\r\n height: 18px;\r\n width: 18px;\r\n\r\n @include mobile-md {\r\n padding: 10px;\r\n height: 36px;\r\n width: 36px;\r\n }\r\n }\r\n\r\n .stat {\r\n height: 60px;\r\n width: 200px;\r\n border-radius: 20px;\r\n display: flex;\r\n flex-direction: row;\r\n align-items: center;\r\n padding: 20px;\r\n gap: 20px;\r\n z-index: 2;\r\n background-color: white;\r\n box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.1);\r\n\r\n @include mobile-md {\r\n height: 70px;\r\n width: 180px;\r\n }\r\n\r\n @include desktop-lg {\r\n height: 80px;\r\n width: 200px;\r\n }\r\n\r\n &:nth-of-type(2) {\r\n color: white;\r\n background: $orange;\r\n\r\n .icon {\r\n background: white;\r\n }\r\n }\r\n }\r\n\r\n .number {\r\n font-size: 20px;\r\n font-weight: 600;\r\n\r\n @include mobile-md {\r\n font-size: 25px;\r\n }\r\n\r\n @include desktop-lg {\r\n font-size: 30px;\r\n }\r\n }\r\n\r\n .textWrapper {\r\n display: flex;\r\n flex-direction: column;\r\n }\r\n\r\n .sectionHeading {\r\n margin: 0;\r\n font-size: 22px;\r\n width: 70%;\r\n\r\n @include mobile-md {\r\n font-size: 30px;\r\n width: 85%;\r\n }\r\n\r\n @include desktop-lg {\r\n font-size: 35px;\r\n width: 70%;\r\n }\r\n }\r\n\r\n .mobileWrapper {\r\n width: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n\r\n .stat {\r\n width: 80%;\r\n box-shadow: none;\r\n }\r\n }\r\n}","@import \"./settings.scss\";\r\n\r\n.Roles {\r\n width: 100%;\r\n height: 100vh;\r\n display: flex;\r\n flex-direction: column;\r\n position: relative;\r\n z-index: 10;\r\n background: rgba(0, 0, 0, .5);\r\n align-items: center;\r\n font-family: \"Caveat\";\r\n\r\n @include mobile-md {\r\n height: 95vh;\r\n padding-top: 5vh;\r\n }\r\n\r\n\r\n .title {\r\n font-size: 30px;\r\n color: white;\r\n text-align: center;\r\n\r\n @include mobile-md {\r\n font-size: 40px;\r\n }\r\n }\r\n\r\n .bgImage {\r\n width: 100%;\r\n height: 100%;\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n z-index: 1;\r\n object-fit: cover;\r\n }\r\n\r\n .contentWrapper {\r\n width: calc(100% - 40px);\r\n height: 100%;\r\n padding: 0 20px;\r\n background: rgba(0, 0, 0, 0.6);\r\n z-index: 10;\r\n position: relative;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n\r\n @include mobile-md {\r\n // width: 70%;\r\n // height: calc(100% - 100px);\r\n // padding: 0 15%;\r\n }\r\n }\r\n\r\n .cardsWrapper {\r\n width: 100%;\r\n height: 280px;\r\n display: flex;\r\n flex-direction: row;\r\n margin: 50px 0;\r\n position: relative;\r\n gap: 50px;\r\n }\r\n\r\n .carousel {\r\n width: 100%;\r\n display: flex;\r\n flex-direction: row;\r\n padding: $sectionPadding 0;\r\n align-items: center;\r\n justify-content: space-between;\r\n }\r\n\r\n .controllButton {\r\n &:nth-of-type(2) {\r\n transform: rotate(180deg);\r\n }\r\n }\r\n}","$cardWidth: 218px;\r\n$cardWidthSmall: 180px;\r\n$gap: 50px;\r\n$top: 60px;\r\n\r\n\r\n///////////////////////////////////// left 1\r\n\r\n@mixin firstLeftOnStack($cardSize) {\r\n left: calc(50% - ($cardSize * 0.5));\r\n transform: rotate(0deg);\r\n top: 0;\r\n}\r\n\r\n@mixin firstLeftUnfolded($cardSize) {\r\n top: $top;\r\n left: calc(50% - ($cardSize * 2) - ($gap * 1.5));\r\n transform: rotate(-15deg);\r\n}\r\n\r\n@keyframes reveal_1 {\r\n 0% {\r\n @include firstLeftOnStack($cardWidthSmall);\r\n }\r\n\r\n 100% {\r\n @include firstLeftUnfolded($cardWidthSmall);\r\n }\r\n}\r\n\r\n@keyframes reveal_1_lg {\r\n 0% {\r\n @include firstLeftOnStack($cardWidth);\r\n }\r\n\r\n 100% {\r\n @include firstLeftUnfolded($cardWidth);\r\n }\r\n}\r\n\r\n///////////////////////////////////// left 2\r\n\r\n@mixin secondLeftOnStack($cardSize) {\r\n left: calc(50% - ($cardSize * 0.5));\r\n transform: rotate(0deg);\r\n}\r\n\r\n@mixin secondLeftUnfolded($cardSize) {\r\n left: calc(50% - ($cardSize * 1) - ($gap * 0.5));\r\n transform: rotate(-5deg);\r\n}\r\n\r\n@keyframes reveal_2 {\r\n 0% {\r\n @include secondLeftOnStack($cardWidthSmall);\r\n }\r\n\r\n 100% {\r\n @include secondLeftUnfolded($cardWidthSmall);\r\n }\r\n}\r\n\r\n@keyframes reveal_2_lg {\r\n 0% {\r\n @include secondLeftOnStack($cardWidth);\r\n }\r\n\r\n 100% {\r\n @include secondLeftUnfolded($cardWidth);\r\n }\r\n}\r\n\r\n///////////////////////////////////// right 1\r\n\r\n@mixin firstRightOnStack($cardSize) {\r\n right: calc(50% - ($cardSize * 0.5));\r\n transform: rotate(0deg);\r\n}\r\n\r\n@mixin firstRightUnfolded($cardSize) {\r\n right: calc(50% - ($cardSize * 1) - ($gap * 0.5));\r\n transform: rotate(5deg);\r\n}\r\n\r\n\r\n@keyframes reveal_3 {\r\n 0% {\r\n @include firstRightOnStack($cardWidthSmall);\r\n }\r\n\r\n 100% {\r\n @include firstRightUnfolded($cardWidthSmall);\r\n }\r\n}\r\n\r\n@keyframes reveal_3_lg {\r\n 0% {\r\n @include firstRightOnStack($cardWidth);\r\n }\r\n\r\n 100% {\r\n @include firstRightUnfolded($cardWidth);\r\n }\r\n}\r\n\r\n///////////////////////////////////// right 2\r\n\r\n@mixin secondRightOnStack($cardSize) {\r\n right: calc(50% - ($cardSize * 0.5));\r\n transform: rotate(0deg);\r\n top: 0;\r\n}\r\n\r\n@mixin secondRightUnfolded($cardSize) {\r\n right: calc(50% - ($cardSize * 2) - ($gap * 1.5));\r\n transform: rotate(15deg);\r\n top: $top;\r\n}\r\n\r\n\r\n@keyframes reveal_4 {\r\n 0% {\r\n @include secondRightOnStack($cardWidthSmall);\r\n }\r\n\r\n 100% {\r\n @include secondRightUnfolded($cardWidthSmall);\r\n }\r\n}\r\n\r\n@keyframes reveal_4_lg {\r\n 0% {\r\n @include secondRightOnStack($cardWidth);\r\n }\r\n\r\n 100% {\r\n @include secondRightUnfolded($cardWidth);\r\n }\r\n}","@import \"./settings.scss\";\r\n@import \"./keyframes.scss\";\r\n\r\n$cardWidth: 218px;\r\n$cardWidthSmall: 180px;\r\n$gap: 50px;\r\n\r\n.PolaroidCard {\r\n display: flex;\r\n align-items: center;\r\n height: 280px;\r\n width: $cardWidth;\r\n justify-content: center;\r\n transition: 0.7s;\r\n position: relative;\r\n\r\n @include mobile-md {\r\n position: absolute;\r\n top: 0;\r\n height: 240px;\r\n width: $cardWidthSmall;\r\n\r\n &.stack {\r\n\r\n &:nth-of-type(1),\r\n &:nth-of-type(2) {\r\n left: calc(50% - ($cardWidthSmall / 2));\r\n\r\n @include desktop-lg {\r\n left: calc(50% - ($cardWidth / 2));\r\n }\r\n }\r\n\r\n &:nth-of-type(3),\r\n &:nth-of-type(4) {\r\n right: calc(50% - ($cardWidthSmall / 2));\r\n\r\n @include desktop-lg {\r\n right: calc(50% - ($cardWidth / 2));\r\n }\r\n }\r\n }\r\n\r\n &.unfolded {\r\n &:nth-of-type(1) {\r\n @include firstLeftUnfolded($cardWidthSmall);\r\n\r\n @include desktop-lg {\r\n @include firstLeftUnfolded($cardWidth);\r\n }\r\n }\r\n\r\n &:nth-of-type(2) {\r\n @include secondLeftUnfolded($cardWidthSmall);\r\n\r\n @include desktop-lg {\r\n @include secondLeftUnfolded($cardWidth);\r\n }\r\n }\r\n\r\n &:nth-of-type(3) {\r\n @include firstRightUnfolded($cardWidthSmall);\r\n\r\n @include desktop-lg {\r\n @include firstRightUnfolded($cardWidth);\r\n }\r\n }\r\n\r\n &:nth-of-type(4) {\r\n @include secondRightUnfolded($cardWidthSmall);\r\n\r\n @include desktop-lg {\r\n @include secondRightUnfolded($cardWidth);\r\n }\r\n }\r\n }\r\n }\r\n\r\n @include desktop-lg {\r\n height: 280px;\r\n width: $cardWidth;\r\n }\r\n\r\n .front,\r\n .back {\r\n width: 200px;\r\n height: 280px;\r\n background: white;\r\n will-change: transform, opacity;\r\n position: absolute;\r\n cursor: pointer;\r\n padding: 5px;\r\n border-radius: 10px;\r\n transition: 0.3s border;\r\n\r\n @include mobile-md {\r\n width: 162px;\r\n height: 240px;\r\n }\r\n\r\n @include desktop-lg {\r\n width: 200px;\r\n height: 280px;\r\n }\r\n }\r\n\r\n .back {\r\n padding: 5px 10px;\r\n width: 190px;\r\n\r\n @include mobile-md {\r\n width: 152px;\r\n }\r\n\r\n @include desktop-lg {\r\n width: 190px;\r\n }\r\n }\r\n\r\n .image {\r\n width: 100%;\r\n height: 220px;\r\n object-fit: cover;\r\n border-radius: 10px;\r\n\r\n @include mobile-md {\r\n height: 180px;\r\n }\r\n\r\n @include desktop-lg {\r\n height: 220px;\r\n }\r\n }\r\n\r\n .name {\r\n text-align: center;\r\n font-size: 20px;\r\n margin: 0;\r\n height: 55px;\r\n display: grid;\r\n place-content: center;\r\n }\r\n\r\n .backName {\r\n font-weight: bold;\r\n font-size: 16px;\r\n\r\n @include desktop-lg {\r\n font-size: 18px;\r\n }\r\n }\r\n\r\n .description {\r\n font-size: 14px;\r\n\r\n @include desktop-lg {\r\n font-size: 16px;\r\n }\r\n }\r\n\r\n .clickIcon {\r\n position: absolute;\r\n right: -15px;\r\n bottom: -15px;\r\n border-radius: 100vmax;\r\n background-color: $orange;\r\n padding: 5px;\r\n cursor: pointer;\r\n transition: 0.4s ease-in-out;\r\n\r\n &:hover {\r\n background-color: $orangeActive;\r\n }\r\n }\r\n\r\n}"],"names":[],"sourceRoot":""} \ No newline at end of file diff --git a/static/css/main.c98903d1.css b/static/css/main.c98903d1.css new file mode 100644 index 0000000..9da637e --- /dev/null +++ b/static/css/main.c98903d1.css @@ -0,0 +1,2 @@ +@import url(https://fonts.googleapis.com/css2?family=Caveat:wght@400..700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Afacad+Flux:wght@100..1000&display=swap);body{margin:0}.App{font-family:Roboto}.App,.CragPage{display:flex;flex-direction:column;width:100%}.CragPage{align-items:center;background-repeat:repeat;font-family:Open Sans;font-family:Afacad Flux;position:relative;z-index:1}.CragPage .wave{height:700px;object-fit:cover;position:absolute;width:100%;z-index:2}.CragPage .landingPage{align-items:center;background:linear-gradient(90deg,#021935,#867468);display:flex;flex-direction:column;height:500px;justify-content:center;position:relative;width:100%}@media(min-width:750px){.CragPage .landingPage{height:700px}}.CragPage .header{color:#fff;display:grid;place-content:center;text-align:center;width:100%;z-index:10}.CragPage .cargName{font-size:30px;margin:0;text-shadow:0 0 20px #000}@media(min-width:750px){.CragPage .cargName{font-size:100px}}.CragPage .stats{text-shadow:0 0 10px #000}.CragPage .gallery{align-items:center;bottom:-200px;display:flex;flex-direction:row;flex-wrap:wrap;gap:5px;justify-content:center;perspective:500px;position:absolute;transform-style:preserve-3d;width:calc(100% - 20px);z-index:3}@media(min-width:750px){.CragPage .gallery{bottom:-150px;gap:15px;width:70%}.CragPage .gallery:hover .cragImage{transform:rotateY(25deg)}}.CragPage .cragImage{aspect-ratio:1/1;border:5px solid #fff;border-radius:10px;box-shadow:0 0 3px 0 #0003;box-sizing:border-box;object-fit:cover;perspective:500px;transform-style:preserve-3d;transition:.5s;width:calc(50% - 5px)}@media(min-width:750px){.CragPage .cragImage{width:20%}.CragPage .cragImage:hover~.cragImage{transform:rotateY(-25deg)}.CragPage .cragImage:hover{border-color:#f7770f;box-shadow:0 25px 40px #00000080;transform:rotateY(0deg) scale(1.2)!important;z-index:1}}.CragPage .mapAndDescription{align-items:center;border-radius:10px;display:flex;flex-direction:column;justify-content:space-between;margin-top:240px;width:calc(100% - 20px)}@media(min-width:750px){.CragPage .mapAndDescription{border-left:100px solid #f7770f;box-shadow:0 0 3px 0 #0003;flex-direction:row;height:300px;margin-top:200px;padding:50px;width:calc(70% - 200px)}}.CragPage .description{text-align:justify;width:100%}@media(min-width:750px){.CragPage .description{text-align:left;width:55%}}.CragPage .Map{border:2px solid #f7770f;margin:20px 0;width:100%}@media(min-width:750px){.CragPage .Map{margin:0;width:40%}}.CragPage .cragGrades{display:flex;flex-direction:column;padding:20px 0;width:calc(100% - 40px)}@media(min-width:750px){.CragPage .cragGrades{padding:50px 0;width:70%}}.CragPage .gradeAndBar{overflow-x:scroll;width:100%}@media(min-width:750px){.CragPage .gradeAndBar{overflow-x:visible;overflow-x:initial}}.CragPage .sectionHeading{font-size:24px;margin:0;width:100%}@media(min-width:750px){.CragPage .sectionHeading{font-size:30px}}.CragPage .Chart{justify-content:center}.CragPage .Chart .chartBarsWrapper{height:150px}.CragPage .waveImage{width:100%}.CragPage .waveImage:nth-of-type(2){bottom:2px;position:relative;transform:rotate(180deg)}.SectorsGallery{background:#000;color:#fff;padding:0 20px;width:calc(100% - 40px)}@media(min-width:750px){.SectorsGallery{padding:0 15%;width:70%}}.SectorsGallery .labelsWrapper{display:flex;flex-direction:row;flex-wrap:wrap;gap:25px;justify-content:center;padding-top:50px}.SectorsGallery .label{border-radius:20px;height:120px;overflow:hidden;position:relative;transition:.5s;width:250px}.SectorsGallery .label:hover{width:350px}@media(min-width:750px){.SectorsGallery .label{height:220px;width:220px}}.SectorsGallery .label .content{align-items:flex-start;background:#0000004d;box-shadow:inset 0 0 10px 0 #00000059;display:flex;flex-direction:column;height:calc(100% - 30px);justify-content:flex-end;padding:15px 20px;position:relative;transition:.3s;width:calc(100% - 40px);z-index:2}.SectorsGallery .label .content:hover{background:#6b6b6b59;cursor:pointer}.SectorsGallery .label .name{background-color:#afff00;border-radius:10px;color:#000;font-weight:700;padding:5px 8px;width:fit-content}.SectorsGallery .label img{height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%;z-index:1}.SectorsGallery .label img:hover{scale:1.1}.Footer{display:flex;flex-direction:column;font-family:Afacad Flux;height:15vh;width:100%}@media(min-width:750px){.Footer{height:15vh}}.Footer .buttonsWrapper{align-items:center;background:#171717;display:flex;flex-direction:row;gap:20px;height:calc(100% - 50px);justify-content:center}.Footer .button{background:#fff;border-radius:100vmax;height:20px;padding:8px;width:20px}@media(min-width:750px){.Footer .button{height:22px;padding:10px;width:22px}}.Footer .credits{align-items:center;background:#000;color:#fff;display:flex;flex-direction:row;font-size:14px;gap:10px;height:50px;justify-content:center;width:100%}.Footer .left{font-weight:700}.Footer .left,.Footer .right{text-align:center}.Chart{display:flex;font-size:12px;padding-top:20px}.Chart .gradeAndBar{align-items:center;display:flex;flex-direction:column}.Chart .chartBarsWrapper{align-items:flex-end;display:flex;flex-direction:row;gap:10px;height:100px;margin-top:20px;padding-left:5px}.Chart .values{display:flex;flex-direction:column;height:100px;justify-content:space-between}.Chart .chartGrades{display:flex;flex-direction:row}.Chart .gradeValue{text-align:center;width:25px}.Chart .chartBar{background:#263238;cursor:pointer;height:0;position:relative;transition:1s;width:15px}.Chart .amountValue{border-radius:100vmax;height:15px;left:-8px;place-content:center;position:absolute;text-align:center;top:-20px;width:30px}.Menu{align-items:center;background:#000;display:flex;flex-direction:row;height:50px;justify-content:space-between;left:0;padding:0 100px;position:fixed;top:0;transition:.7s;width:calc(100% - 200px);z-index:1000}.Menu.homepage{width:calc(100% - 217px)}.Menu.transparent{background:#0000}.Menu.transparent .link.active,.Menu.transparent .link:hover{background:#fff;color:#000}.Menu .linksWrapper{display:flex;flex-direction:row;height:100%}.Menu .link{color:#fff;display:grid;font-size:18px;height:100%;padding:0 8px;place-content:center;text-decoration:none;transition:.7s}.Menu .link.active,.Menu .link:hover{background:orange;color:#000}.Menu .menuLogo{height:30px}.Sector{align-items:center;background:#fff;display:flex;flex-direction:column;margin:0 20px;width:calc(100% - 40px)}@media(min-width:750px){.Sector{width:70%}}.Sector .sectorImage{border-radius:20px;margin:50px 0;max-height:500px;object-fit:contain;width:60%}.Sector .routesTable,.Sector tr td{font-size:14px;font-weight:400;text-align:center}.Sector td,.Sector th{min-width:100px}.Sector .tableWrapper{display:flex;justify-content:center;overflow-y:scroll;padding:20px 0;width:100%}@media(min-width:750px){.Sector .tableWrapper{overflow-y:visible;overflow-y:initial;padding:50px 0}}.Sector .grade{border-radius:10px;color:#fff;height:100%;width:100%}.Sector .begginer{background:green}.Sector .easy{background:#ff0;color:#000}.Sector .intermediate{background:blue}.Sector .advanced{background:red}.Sector .pro{background:#fff;border:2px solid #000;box-sizing:border-box;color:#000}.Sector .elite{background:#000}.CragsList{font-family:Afacad Flux}.CragsList,.CragsList .landingPage{align-items:center;display:flex;flex-direction:column;width:100%}.CragsList .landingPage{background:linear-gradient(90deg,#021935,#867468);height:500px;justify-content:center;margin-bottom:250px;position:relative}@media(min-width:750px){.CragsList .landingPage{height:700px;margin-bottom:400px}}.CragsList .header{color:#fff;font-size:30px}@media(min-width:750px){.CragsList .header{font-size:60px}}.CragsList .searchbar{align-items:center;background:#fff;border-radius:20px;display:flex;flex-direction:row;height:50px;position:relative;width:90%}@media(min-width:750px){.CragsList .searchbar{width:40%}}.CragsList .searchbar.hintsActive{border-bottom-left-radius:0;border-bottom-right-radius:0}.CragsList .searchbar input{border:none;font-size:20px;margin-left:5px;outline:none;padding:0 20px;width:calc(100% - 50px)}.CragsList .searchIcon{padding:10px}.CragsList .hintsList{background-color:#fff;border-bottom-left-radius:20px;border-bottom-right-radius:20px;box-shadow:0 0 3px 0 #0003;display:flex;flex-direction:column;padding:5px 10px;position:absolute;top:50px;width:calc(100% - 20px);z-index:20}.CragsList .hint{color:#000;font-size:18px;height:30px;text-decoration:none}.CragsList .hint:hover{color:blue;cursor:pointer}.CragsList .Map{cursor:grab;height:calc(100% - 70px);width:100%}.CragsList .Map .marker{cursor:pointer}.CragsList .Map .marker:hover{opacity:.6}.CragsList .controllsInfo{align-items:center;display:flex;flex-direction:column;height:60px;justify-content:space-evenly;padding-top:10px;width:100%}.CragsList .controll{display:flex;flex-direction:row}.CragsList .mapWrapper{background:#fff;border:4px solid #fff;border-radius:10px;bottom:-250px;box-shadow:0 0 3px 0 #0003;height:400px;overflow:hidden;position:absolute;width:90%}@media(min-width:750px){.CragsList .mapWrapper{bottom:-450px;height:600px;width:70%}}.CragsList .countriesList{display:flex;flex-direction:column;padding:20px 0;width:90%}@media(min-width:750px){.CragsList .countriesList{padding:100px 0;width:40%}}.CragsList .countryTab{display:flex;flex-direction:column;width:100%}.CragsList .cragLabel{align-items:center;display:flex;flex-direction:row;gap:10px;height:50px}.CragsList .navButton{background:#f7770f;border-radius:10px;color:#000;cursor:pointer;padding:5px 10px}.CragsList .navButton:hover{opacity:.6}.Homepage{display:flex;flex-direction:column;height:100vh;position:relative;width:100%}.Homepage .placeholder{height:85vh;width:100%}@media(min-width:750px){.Homepage .placeholder{height:85vh}}.Homepage .placeholder img{height:100%;object-fit:cover;width:100%}.Homepage .header{color:#fff;font-family:Afacad Flux;height:100vh;width:100%}.Homepage .headerText{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;padding:0;width:100%}@media(min-width:750px){.Homepage .headerText{align-items:flex-start;height:auto;padding-left:100px;padding-top:100px;width:auto}}.Homepage .logo{width:60%}@media(min-width:750px){.Homepage .logo{width:300px}}.Homepage .mainBackgorund{height:100vh;object-fit:cover;width:100%}.CragPreview{align-items:center;background:#fff;box-shadow:0 -10px 15px 10px #0000001a;display:flex;flex-direction:column;font-family:Afacad Flux;height:100vh;justify-content:space-between;padding:20px 10px;width:calc(100% - 20px)}@media(min-width:750px){.CragPreview{height:80vh;padding:50px 0;width:100%}}.CragPreview .cragHeader{font-size:20px;margin:0;padding-bottom:20px}@media(min-width:750px){.CragPreview .cragHeader{font-size:24px}}.CragPreview .sectionHeading{font-size:22px;margin:0;max-width:1200px;text-align:center;width:100%}@media(min-width:1160px){.CragPreview .sectionHeading{font-size:35px}}@media(min-width:750px){.CragPreview .sectionHeading{font-size:30px;text-align:left;width:70%}}.CragPreview .sectionContent{display:flex;flex-direction:column;justify-content:space-between;max-width:1200px;padding-top:20px;width:100%}@media(min-width:750px){.CragPreview .sectionContent{flex-direction:row;font-size:35px;padding-top:50px;width:80%}}@media(min-width:1160px){.CragPreview .sectionContent{width:70%}}.CragPreview .cragDetails{align-items:center;display:flex;flex-direction:column;opacity:0;padding-bottom:20px;position:relative;top:200px;width:100%}@media(min-width:750px){.CragPreview .cragDetails{flex-direction:column;min-height:600px;padding-bottom:0;width:calc(50% - 25px)}}.CragPreview .desctiption{font-size:14px;max-height:320px;overflow-y:scroll;padding:0 5px 20px;text-align:justify}@media(min-width:750px){.CragPreview .desctiption{font-size:14px;padding:0 0 20px;text-align:center}}@media(min-width:1160px){.CragPreview .desctiption{font-size:16px}}.CragPreview .imagesWrapper{display:flex;flex-direction:row;gap:10px;width:100%}.CragPreview .cragImage{aspect-ratio:1/1;border-radius:10px;overflow:hidden;width:33%}.CragPreview .cragImage img{height:100%;object-fit:cover;transition:.7s ease-in-out;width:100%}.CragPreview .cragImage img:hover{transform:scale(1.2)}.CragPreview .button{background:#f7770f;border-radius:10px;color:#fff;display:grid;font-size:16px;height:40px;margin-top:20px;place-content:center;text-decoration:none;width:100%}@media(min-width:750px){.CragPreview .button{height:50px;width:60%}}.CragPreview .cragMapWrapper{align-items:center;display:flex;flex-direction:column;width:100%}@media(min-width:750px){.CragPreview .cragMapWrapper{align-items:normal;height:600px;width:calc(50% - 25px)}}.CragPreview .Map{cursor:grab;height:calc(100% - 80px);width:100%}.CragPreview .Map .marker{cursor:pointer}.CragPreview .Map .marker:hover{opacity:.6}.CragPreview .controllsInfo{display:flex;flex-direction:column;padding-top:10px;width:100%}.CragPreview .controll{display:flex;flex-direction:row;font-size:12px;justify-content:center;padding-top:10px}@media(min-width:750px){.CragPreview .controll{font-size:16px;height:25px;height:20px}}.CragPreview .icon{display:none;padding-right:5px}@media(min-width:750px){.CragPreview .icon{display:block}}@keyframes slideUp{0%{opacity:0;top:100px}to{opacity:1;top:0}}.ParallaxDivider{height:0;width:100%;z-index:1}.ServiceStats{align-items:center;background:#fff;box-shadow:0 0 3px 0 #0003;display:flex;flex-direction:column;font-family:Afacad Flux;height:90vh;justify-content:space-evenly;width:100%}@media(min-width:750px){.ServiceStats{height:80vh}}.ServiceStats .contentwrapper{display:flex;flex-direction:row;width:85%}@media(min-width:1160px){.ServiceStats .contentwrapper{width:70%}}.ServiceStats .statsWrapper{display:flex;flex-direction:column;height:100%;justify-content:space-around;width:100px}.ServiceStats .statsWrapper:not(:first-child) .stat{left:-100px;position:relative}.ServiceStats .bgImageWrapper{border-radius:20px;height:500px;overflow:hidden;width:calc(100% - 200px)}.ServiceStats .bgImage{height:100%;object-fit:cover;width:100%}.ServiceStats .icon{background:#d5d5d5;border-radius:100vmax;height:18px;padding:6px;width:18px}@media(min-width:750px){.ServiceStats .icon{height:36px;padding:10px;width:36px}}.ServiceStats .stat{align-items:center;background-color:#fff;border-radius:20px;box-shadow:0 0 8px 0 #0000001a;display:flex;flex-direction:row;gap:20px;height:60px;padding:20px;width:200px;z-index:2}@media(min-width:750px){.ServiceStats .stat{height:70px;width:180px}}@media(min-width:1160px){.ServiceStats .stat{height:80px;width:200px}}.ServiceStats .stat:nth-of-type(2){background:#f7770f;color:#fff}.ServiceStats .stat:nth-of-type(2) .icon{background:#fff}.ServiceStats .number{font-size:20px;font-weight:600}@media(min-width:750px){.ServiceStats .number{font-size:25px}}@media(min-width:1160px){.ServiceStats .number{font-size:30px}}.ServiceStats .textWrapper{display:flex;flex-direction:column}.ServiceStats .sectionHeading{font-size:22px;margin:0;width:70%}@media(min-width:750px){.ServiceStats .sectionHeading{font-size:30px;width:85%}}@media(min-width:1160px){.ServiceStats .sectionHeading{font-size:35px;width:70%}}.ServiceStats .mobileWrapper{display:flex;flex-direction:column;width:100%}.ServiceStats .mobileWrapper .stat{box-shadow:none;width:80%}.Roles{align-items:center;background:#00000080;display:flex;flex-direction:column;font-family:Caveat;height:100vh;position:relative;width:100%;z-index:10}.Roles .title{color:#fff;font-size:30px;text-align:center}@media(min-width:750px){.Roles .title{font-size:40px}}.Roles .bgImage{height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%;z-index:1}.Roles .contentWrapper{background:#0009;display:flex;flex-direction:column;height:100%;justify-content:center;padding:0 20px;position:relative;width:calc(100% - 40px);z-index:10}@media(min-width:750px){.Roles .contentWrapper{height:calc(100% - 5vh);padding:5vh 20px 0}}.Roles .cardsWrapper{gap:50px;height:280px;margin:50px 0;position:relative}.Roles .cardsWrapper,.Roles .carousel{display:flex;flex-direction:row;width:100%}.Roles .carousel{align-items:center;justify-content:space-between;padding:50px 0}.Roles .controllButton:nth-of-type(2){transform:rotate(180deg)}body{font-family:Afacad Flux}@keyframes reveal_1{0%{left:calc(50% - 90px);top:0;transform:rotate(0deg)}to{left:calc(50% - 435px);top:60px;transform:rotate(-15deg)}}@keyframes reveal_1_lg{0%{left:calc(50% - 109px);top:0;transform:rotate(0deg)}to{left:calc(50% - 511px);top:60px;transform:rotate(-15deg)}}@keyframes reveal_2{0%{left:calc(50% - 90px);transform:rotate(0deg)}to{left:calc(50% - 205px);transform:rotate(-5deg)}}@keyframes reveal_2_lg{0%{left:calc(50% - 109px);transform:rotate(0deg)}to{left:calc(50% - 243px);transform:rotate(-5deg)}}@keyframes reveal_3{0%{right:calc(50% - 90px);transform:rotate(0deg)}to{right:calc(50% - 205px);transform:rotate(5deg)}}@keyframes reveal_3_lg{0%{right:calc(50% - 109px);transform:rotate(0deg)}to{right:calc(50% - 243px);transform:rotate(5deg)}}@keyframes reveal_4{0%{right:calc(50% - 90px);top:0;transform:rotate(0deg)}to{right:calc(50% - 435px);top:60px;transform:rotate(15deg)}}@keyframes reveal_4_lg{0%{right:calc(50% - 109px);top:0;transform:rotate(0deg)}to{right:calc(50% - 511px);top:60px;transform:rotate(15deg)}}.PolaroidCard{align-items:center;display:flex;height:280px;justify-content:center;position:relative;transition:.7s;width:218px}@media(min-width:750px){.PolaroidCard{height:240px;position:absolute;top:0;width:180px}.PolaroidCard.stack:first-of-type,.PolaroidCard.stack:nth-of-type(2){left:calc(50% - 90px)}}@media(min-width:750px)and (min-width:1160px){.PolaroidCard.stack:first-of-type,.PolaroidCard.stack:nth-of-type(2){left:calc(50% - 109px)}}@media(min-width:750px){.PolaroidCard.stack:nth-of-type(3),.PolaroidCard.stack:nth-of-type(4){right:calc(50% - 90px)}}@media(min-width:750px)and (min-width:1160px){.PolaroidCard.stack:nth-of-type(3),.PolaroidCard.stack:nth-of-type(4){right:calc(50% - 109px)}}@media(min-width:750px){.PolaroidCard.unfolded:first-of-type{left:calc(50% - 435px);top:60px;transform:rotate(-15deg)}}@media(min-width:750px)and (min-width:1160px){.PolaroidCard.unfolded:first-of-type{left:calc(50% - 511px);top:60px;transform:rotate(-15deg)}}@media(min-width:750px){.PolaroidCard.unfolded:nth-of-type(2){left:calc(50% - 205px);transform:rotate(-5deg)}}@media(min-width:750px)and (min-width:1160px){.PolaroidCard.unfolded:nth-of-type(2){left:calc(50% - 243px);transform:rotate(-5deg)}}@media(min-width:750px){.PolaroidCard.unfolded:nth-of-type(3){right:calc(50% - 205px);transform:rotate(5deg)}}@media(min-width:750px)and (min-width:1160px){.PolaroidCard.unfolded:nth-of-type(3){right:calc(50% - 243px);transform:rotate(5deg)}}@media(min-width:750px){.PolaroidCard.unfolded:nth-of-type(4){right:calc(50% - 435px);top:60px;transform:rotate(15deg)}}@media(min-width:750px)and (min-width:1160px){.PolaroidCard.unfolded:nth-of-type(4){right:calc(50% - 511px);top:60px;transform:rotate(15deg)}}@media(min-width:1160px){.PolaroidCard{height:280px;width:218px}}.PolaroidCard .back,.PolaroidCard .front{background:#fff;border-radius:10px;cursor:pointer;height:280px;padding:5px;position:absolute;transition:border .3s;width:200px;will-change:transform,opacity}@media(min-width:750px){.PolaroidCard .back,.PolaroidCard .front{height:240px;width:162px}}@media(min-width:1160px){.PolaroidCard .back,.PolaroidCard .front{height:280px;width:200px}}.PolaroidCard .back{padding:5px 10px;width:190px}@media(min-width:750px){.PolaroidCard .back{width:152px}}@media(min-width:1160px){.PolaroidCard .back{width:190px}}.PolaroidCard .image{border-radius:10px;height:220px;object-fit:cover;width:100%}@media(min-width:750px){.PolaroidCard .image{height:180px}}@media(min-width:1160px){.PolaroidCard .image{height:220px}}.PolaroidCard .name{display:grid;font-size:20px;height:55px;margin:0;place-content:center;text-align:center}.PolaroidCard .backName{font-size:16px;font-weight:700}@media(min-width:1160px){.PolaroidCard .backName{font-size:18px}}.PolaroidCard .description{font-size:14px}@media(min-width:1160px){.PolaroidCard .description{font-size:16px}}.PolaroidCard .clickIcon{background-color:#f7770f;border-radius:100vmax;bottom:-15px;cursor:pointer;padding:5px;position:absolute;right:-15px;transition:.4s ease-in-out}.PolaroidCard .clickIcon:hover{background-color:#f79a0f} +/*# sourceMappingURL=main.c98903d1.css.map*/ \ No newline at end of file diff --git a/static/css/main.c98903d1.css.map b/static/css/main.c98903d1.css.map new file mode 100644 index 0000000..dcf7bd8 --- /dev/null +++ b/static/css/main.c98903d1.css.map @@ -0,0 +1 @@ +{"version":3,"file":"static/css/main.c98903d1.css","mappings":"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","sources":["styles/App.scss","styles/CragPage.scss","styles/settings.scss","styles/SectorsGallery.scss","styles/Footer.scss","styles/Chart.scss","styles/Menu.scss","styles/Sector.scss","styles/CragsList.scss","styles/Homepage.scss","styles/CragPreview.scss","styles/ParallaxDivider.scss","styles/ServiceStats.scss","styles/Roles.scss","styles/keyframes.scss","styles/PolaroidCard.scss"],"sourcesContent":["@import \"./settings.scss\";\n\nbody {\n margin: 0;\n}\n\n.App {\n display: flex;\n flex-direction: column;\n width: 100%;\n font-family: Roboto;\n}","@import \"./settings.scss\";\r\n\r\n.CragPage {\r\n width: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n font-family: \"Open Sans\";\r\n background-repeat: repeat;\r\n align-items: center;\r\n position: relative;\r\n z-index: 1;\r\n font-family: \"Afacad Flux\";\r\n\r\n .wave {\r\n width: 100%;\r\n position: absolute;\r\n z-index: 2;\r\n object-fit: cover;\r\n height: 700px;\r\n }\r\n\r\n .landingPage {\r\n width: 100%;\r\n height: 500px;\r\n display: flex;\r\n flex-direction: column;\r\n background: linear-gradient(90deg, rgba(2, 25, 53, 1) 0%, rgba(134, 116, 104, 1) 100%);\r\n justify-content: center;\r\n align-items: center;\r\n position: relative;\r\n\r\n @include mobile-md {\r\n height: 700px;\r\n }\r\n }\r\n\r\n .header {\r\n color: white;\r\n width: 100%;\r\n display: grid;\r\n place-content: center;\r\n text-align: center;\r\n z-index: 10;\r\n }\r\n\r\n .cargName {\r\n font-size: 30px;\r\n margin: 0;\r\n text-shadow: 0px 0px 20px black;\r\n\r\n @include mobile-md {\r\n font-size: 100px;\r\n }\r\n }\r\n\r\n .stats {\r\n text-shadow: 0px 0px 10px black;\r\n }\r\n\r\n .gallery {\r\n width: calc(100% - 20px);\r\n display: flex;\r\n flex-direction: row;\r\n flex-wrap: wrap;\r\n gap: 5px;\r\n justify-content: center;\r\n position: absolute;\r\n align-items: center;\r\n bottom: -200px;\r\n z-index: 3;\r\n transform-style: preserve-3d;\r\n perspective: 500px;\r\n\r\n @include mobile-md {\r\n gap: 15px;\r\n width: 70%;\r\n bottom: -150px;\r\n\r\n &:hover .cragImage {\r\n transform: rotateY(25deg);\r\n }\r\n }\r\n\r\n }\r\n\r\n .cragImage {\r\n width: calc(50% - 5px);\r\n aspect-ratio: 1/1;\r\n object-fit: cover;\r\n border-radius: 10px;\r\n box-sizing: border-box;\r\n border: 5px solid white;\r\n box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.2);\r\n transform-style: preserve-3d;\r\n perspective: 500px;\r\n transition: 0.5s;\r\n\r\n @include mobile-md {\r\n width: 20%;\r\n\r\n &:hover~.cragImage {\r\n transform: rotateY(-25deg);\r\n }\r\n\r\n &:hover {\r\n transform: rotateY(0deg) scale(1.2) !important;\r\n z-index: 1;\r\n box-shadow: 0 25px 40px rgba(0, 0, 0, 0.5);\r\n border-color: $orange;\r\n }\r\n }\r\n }\r\n\r\n .mapAndDescription {\r\n display: flex;\r\n flex-direction: column;\r\n margin-top: 240px;\r\n width: calc(100% - 20px);\r\n align-items: center;\r\n justify-content: space-between;\r\n border-radius: 10px;\r\n\r\n @include mobile-md {\r\n width: calc(70% - 200px);\r\n height: 300px;\r\n flex-direction: row;\r\n padding: 50px;\r\n margin-top: 200px;\r\n border-left: 100px solid #F7770F;\r\n box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.2);\r\n }\r\n }\r\n\r\n .description {\r\n width: 100%;\r\n text-align: justify;\r\n\r\n @include mobile-md {\r\n width: 55%;\r\n text-align: left;\r\n }\r\n }\r\n\r\n .Map {\r\n width: 100%;\r\n border: 2px solid #F7770F;\r\n margin: 20px 0;\r\n\r\n @include mobile-md {\r\n width: 40%;\r\n margin: 0;\r\n }\r\n }\r\n\r\n .cragGrades {\r\n width: calc(100% - 40px);\r\n display: flex;\r\n flex-direction: column;\r\n padding: $sectionPaddingMobile 0;\r\n\r\n @include mobile-md {\r\n width: 70%;\r\n padding: $sectionPadding 0;\r\n }\r\n }\r\n\r\n .gradeAndBar {\r\n width: 100%;\r\n overflow-x: scroll;\r\n\r\n @include mobile-md {\r\n overflow-x: unset;\r\n }\r\n }\r\n\r\n .sectionHeading {\r\n font-size: 24px;\r\n margin: 0;\r\n width: 100%;\r\n\r\n @include mobile-md {\r\n font-size: 30px;\r\n }\r\n }\r\n\r\n .Chart {\r\n justify-content: center;\r\n\r\n .chartBarsWrapper {\r\n height: 150px;\r\n }\r\n }\r\n\r\n .waveImage {\r\n width: 100%;\r\n\r\n &:nth-of-type(2) {\r\n transform: rotate(180deg);\r\n position: relative;\r\n bottom: 2px;\r\n }\r\n }\r\n}","@import url('https://fonts.googleapis.com/css2?family=Caveat:wght@400..700&display=swap');\r\n@import url('https://fonts.googleapis.com/css2?family=Afacad+Flux:wght@100..1000&display=swap');\r\n\r\n@import \"./keyframes.scss\";\r\n\r\n$mainBackground: #071529;\r\n$secondaryBackground: #dc2027;\r\n$yellow: #afff00;\r\n$orange: #F7770F;\r\n$orangeActive: #f79a0f;\r\n$sectionPadding: 50px;\r\n$sectionPaddingMobile: 20px;\r\n$maxPageWidth: 1200px;\r\n$footerHeight: 15vh;\r\n$footerHeightMobile: 15vh;\r\n$mainFontFamily: \"Afacad Flux\";\r\n\r\nbody {\r\n font-family: $mainFontFamily;\r\n}\r\n\r\n\r\n@mixin mobile-md {\r\n @media (min-width: 750px) {\r\n @content;\r\n }\r\n}\r\n\r\n@mixin desktop-m {\r\n @media (min-width: 800px) {\r\n @content;\r\n }\r\n}\r\n\r\n\r\n@mixin desktop-lg {\r\n @media (min-width: 1160px) {\r\n @content;\r\n }\r\n}","@import \"./settings.scss\";\r\n\r\n.SectorsGallery {\r\n width: calc(100% - 40px);\r\n padding: 0 20px;\r\n background: black;\r\n color: white;\r\n\r\n @include mobile-md {\r\n width: 70%;\r\n padding: 0 15%;\r\n }\r\n\r\n .labelsWrapper {\r\n display: flex;\r\n flex-direction: row;\r\n flex-wrap: wrap;\r\n gap: 25px;\r\n justify-content: center;\r\n padding-top: 50px;\r\n }\r\n\r\n .label {\r\n width: 250px;\r\n height: 120px;\r\n position: relative;\r\n border-radius: 20px;\r\n overflow: hidden;\r\n transition: 0.5s;\r\n\r\n &:hover {\r\n width: 350px;\r\n }\r\n\r\n @include mobile-md {\r\n width: 220px;\r\n height: 220px;\r\n }\r\n\r\n .content {\r\n z-index: 2;\r\n position: relative;\r\n width: calc(100% - 40px);\r\n height: calc(100% - 30px);\r\n padding: 15px 20px;\r\n display: flex;\r\n align-items: flex-start;\r\n justify-content: flex-end;\r\n flex-direction: column;\r\n background: rgba(0, 0, 0, 0.3);\r\n box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, 0.35);\r\n transition: 0.3s;\r\n\r\n &:hover {\r\n cursor: pointer;\r\n background: rgba(107, 107, 107, 0.35);\r\n }\r\n }\r\n\r\n .name {\r\n padding: 5px 8px;\r\n border-radius: 10px;\r\n background-color: $yellow;\r\n color: black;\r\n width: fit-content;\r\n font-weight: bold;\r\n }\r\n\r\n img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n position: absolute;\r\n left: 0;\r\n top: 0;\r\n z-index: 1;\r\n\r\n &:hover {\r\n scale: 1.1;\r\n }\r\n }\r\n }\r\n}","@import \"./settings.scss\";\r\n\r\n.Footer {\r\n height: $footerHeightMobile;\r\n width: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n font-family: \"Afacad Flux\";\r\n\r\n\r\n @include mobile-md {\r\n height: $footerHeight;\r\n }\r\n\r\n .buttonsWrapper {\r\n display: flex;\r\n flex-direction: row;\r\n align-items: center;\r\n justify-content: center;\r\n height: calc(100% - 50px);\r\n background: #171717;\r\n gap: 20px;\r\n }\r\n\r\n .button {\r\n width: 20px;\r\n height: 20px;\r\n padding: 8px;\r\n background: white;\r\n border-radius: 100vmax;\r\n\r\n @include mobile-md {\r\n width: 22px;\r\n height: 22px;\r\n padding: 10px;\r\n }\r\n }\r\n\r\n .credits {\r\n width: 100%;\r\n height: 50px;\r\n display: flex;\r\n flex-direction: row;\r\n align-items: center;\r\n justify-content: center;\r\n background: black;\r\n color: white;\r\n gap: 10px;\r\n font-size: 14px;\r\n }\r\n\r\n .left {\r\n font-weight: bold;\r\n }\r\n\r\n .left,\r\n .right {\r\n text-align: center;\r\n }\r\n}",".Chart {\r\n display: flex;\r\n padding-top: 20px;\r\n font-size: 12px;\r\n\r\n .gradeAndBar {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n }\r\n\r\n .chartBarsWrapper {\r\n display: flex;\r\n flex-direction: row;\r\n gap: 10px;\r\n height: 100px;\r\n align-items: flex-end;\r\n padding-left: 5px;\r\n margin-top: 20px;\r\n }\r\n\r\n .values {\r\n height: 100px;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: space-between;\r\n }\r\n\r\n .chartGrades {\r\n display: flex;\r\n flex-direction: row;\r\n }\r\n\r\n .gradeValue {\r\n width: 25px;\r\n text-align: center;\r\n }\r\n\r\n .chartBar {\r\n width: 15px;\r\n background: #263238;\r\n cursor: pointer;\r\n position: relative;\r\n height: 0px;\r\n transition: 1s;\r\n }\r\n\r\n .amountValue {\r\n width: 30px;\r\n height: 15px;\r\n place-content: center;\r\n position: absolute;\r\n top: -20px;\r\n left: -8px;\r\n border-radius: 100vmax;\r\n text-align: center;\r\n }\r\n\r\n}","@import \"./settings.scss\";\r\n\r\n.Menu {\r\n display: flex;\r\n flex-direction: row;\r\n align-items: center;\r\n justify-content: space-between;\r\n width: calc(100% - 200px);\r\n padding: 0 100px;\r\n height: 50px;\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n z-index: 1000;\r\n transition: 0.7s;\r\n background: rgba(0, 0, 0, 1);\r\n\r\n &.homepage {\r\n width: calc(100% - 217px);\r\n }\r\n\r\n &.transparent {\r\n background: rgba(0, 0, 0, 0);\r\n\r\n .link:hover,\r\n .link.active {\r\n background: white;\r\n color: black;\r\n }\r\n }\r\n\r\n .linksWrapper {\r\n display: flex;\r\n flex-direction: row;\r\n height: 100%;\r\n }\r\n\r\n .link {\r\n color: white;\r\n text-decoration: none;\r\n font-size: 18px;\r\n height: 100%;\r\n display: grid;\r\n place-content: center;\r\n padding: 0 8px;\r\n transition: 0.7s;\r\n\r\n &:hover,\r\n &.active {\r\n background: orange;\r\n color: black;\r\n }\r\n }\r\n\r\n .menuLogo {\r\n height: 30px;\r\n }\r\n}","@import \"./settings.scss\";\r\n\r\n.Sector {\r\n display: flex;\r\n flex-direction: column;\r\n width: calc(100% - 40px);\r\n margin: 0 $sectionPaddingMobile;\r\n align-items: center;\r\n background: white;\r\n\r\n @include mobile-md {\r\n width: 70%;\r\n }\r\n\r\n .sectorImage {\r\n width: 60%;\r\n max-height: 500px;\r\n margin: $sectionPadding 0;\r\n border-radius: 20px;\r\n object-fit: contain;\r\n }\r\n\r\n .routesTable,\r\n tr td {\r\n font-weight: 400;\r\n text-align: center;\r\n font-size: 14px;\r\n }\r\n\r\n th,\r\n td {\r\n min-width: 100px;\r\n }\r\n\r\n .tableWrapper {\r\n width: 100%;\r\n display: flex;\r\n justify-content: center;\r\n overflow-y: scroll;\r\n padding: $sectionPaddingMobile 0;\r\n\r\n @include mobile-md {\r\n overflow-y: unset;\r\n padding: $sectionPadding 0;\r\n }\r\n }\r\n\r\n .grade {\r\n width: 100%;\r\n height: 100%;\r\n border-radius: 10px;\r\n color: white;\r\n }\r\n\r\n .begginer {\r\n background: green;\r\n }\r\n\r\n .easy {\r\n background: yellow;\r\n color: black;\r\n }\r\n\r\n .intermediate {\r\n background: blue;\r\n }\r\n\r\n .advanced {\r\n background: red;\r\n }\r\n\r\n .pro {\r\n background: white;\r\n color: black;\r\n box-sizing: border-box;\r\n border: 2px solid black;\r\n }\r\n\r\n .elite {\r\n background: black;\r\n }\r\n}","@import \"./settings.scss\";\r\n\r\n.CragsList {\r\n width: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n font-family: \"Afacad Flux\";\r\n align-items: center;\r\n\r\n .landingPage {\r\n width: 100%;\r\n background: linear-gradient(90deg, rgba(2, 25, 53, 1) 0%, rgba(134, 116, 104, 1) 100%);\r\n height: 500px;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n margin-bottom: 250px;\r\n position: relative;\r\n\r\n @include mobile-md {\r\n height: 700px;\r\n margin-bottom: 400px;\r\n }\r\n }\r\n\r\n .header {\r\n color: white;\r\n font-size: 30px;\r\n\r\n @include mobile-md {\r\n font-size: 60px;\r\n }\r\n }\r\n\r\n .searchbar {\r\n width: 90%;\r\n display: flex;\r\n flex-direction: row;\r\n align-items: center;\r\n background: white;\r\n border-radius: 20px;\r\n height: 50px;\r\n position: relative;\r\n\r\n @include mobile-md {\r\n width: 40%;\r\n }\r\n\r\n &.hintsActive {\r\n border-bottom-left-radius: 0;\r\n border-bottom-right-radius: 0;\r\n }\r\n\r\n input {\r\n width: calc(100% - 50px);\r\n padding: 0 20px;\r\n border: none;\r\n outline: none;\r\n font-size: 20px;\r\n margin-left: 5px;\r\n }\r\n }\r\n\r\n .searchIcon {\r\n padding: 10px;\r\n }\r\n\r\n .hintsList {\r\n position: absolute;\r\n width: calc(100% - 20px);\r\n display: flex;\r\n flex-direction: column;\r\n background-color: white;\r\n top: 50px;\r\n border-bottom-left-radius: 20px;\r\n border-bottom-right-radius: 20px;\r\n padding: 5px 10px;\r\n z-index: 20;\r\n box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.2);\r\n }\r\n\r\n .hint {\r\n height: 30px;\r\n text-decoration: none;\r\n color: black;\r\n font-size: 18px;\r\n\r\n &:hover {\r\n cursor: pointer;\r\n color: blue;\r\n }\r\n }\r\n\r\n .Map {\r\n width: 100%;\r\n height: calc(100% - 70px);\r\n cursor: grab;\r\n\r\n .marker {\r\n cursor: pointer;\r\n\r\n &:hover {\r\n opacity: 0.6;\r\n }\r\n }\r\n }\r\n\r\n .controllsInfo {\r\n width: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n height: 60px;\r\n align-items: center;\r\n justify-content: space-evenly;\r\n padding-top: 10px;\r\n }\r\n\r\n .controll {\r\n display: flex;\r\n flex-direction: row;\r\n }\r\n\r\n .mapWrapper {\r\n width: 90%;\r\n height: 400px;\r\n border-radius: 10px;\r\n position: absolute;\r\n bottom: -250px;\r\n border: 4px solid white;\r\n background: white;\r\n overflow: hidden;\r\n box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.2);\r\n\r\n @include mobile-md {\r\n width: 70%;\r\n height: 600px;\r\n bottom: -450px;\r\n }\r\n }\r\n\r\n .countriesList {\r\n width: 90%;\r\n display: flex;\r\n flex-direction: column;\r\n padding: 20px 0;\r\n\r\n @include mobile-md {\r\n width: 40%;\r\n padding: 100px 0;\r\n }\r\n }\r\n\r\n .countryTab {\r\n width: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n }\r\n\r\n .cragLabel {\r\n display: flex;\r\n flex-direction: row;\r\n align-items: center;\r\n height: 50px;\r\n gap: 10px;\r\n }\r\n\r\n .navButton {\r\n background: $orange;\r\n color: black;\r\n padding: 5px 10px;\r\n border-radius: 10px;\r\n cursor: pointer;\r\n\r\n &:hover {\r\n opacity: 0.6;\r\n }\r\n }\r\n}","@import \"./settings.scss\";\r\n\r\n.Homepage {\r\n width: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n height: 100vh;\r\n position: relative;\r\n\r\n .placeholder {\r\n height: calc(100vh - $footerHeightMobile);\r\n width: 100%;\r\n\r\n @include mobile-md {\r\n height: calc(100vh - $footerHeight);\r\n }\r\n\r\n img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n }\r\n }\r\n\r\n .header {\r\n width: 100%;\r\n height: 100vh;\r\n color: white;\r\n font-family: \"Afacad Flux\";\r\n }\r\n\r\n .headerText {\r\n padding: 0;\r\n width: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n height: 100%;\r\n justify-content: center;\r\n align-items: center;\r\n\r\n\r\n\r\n @include mobile-md {\r\n height: unset;\r\n width: unset;\r\n align-items: flex-start;\r\n padding-left: 100px;\r\n padding-top: 100px;\r\n }\r\n }\r\n\r\n .logo {\r\n width: 60%;\r\n\r\n @include mobile-md {\r\n width: 300px;\r\n }\r\n }\r\n\r\n .mainBackgorund {\r\n width: 100%;\r\n height: 100vh;\r\n object-fit: cover;\r\n }\r\n}","@import \"./settings.scss\";\r\n\r\n.CragPreview {\r\n width: calc(100% - 20px);\r\n background: white;\r\n display: flex;\r\n flex-direction: column;\r\n padding: $sectionPaddingMobile 10px;\r\n align-items: center;\r\n font-family: \"Afacad Flux\";\r\n box-shadow: 0px -10px 15px 10px rgba(0, 0, 0, 0.1);\r\n height: 100vh;\r\n justify-content: space-between;\r\n\r\n @include mobile-md {\r\n width: 100%;\r\n height: 80vh;\r\n padding: $sectionPadding 0;\r\n }\r\n\r\n .cragHeader {\r\n margin: 0;\r\n padding-bottom: 20px;\r\n font-size: 20px;\r\n\r\n @include mobile-md {\r\n font-size: 24px;\r\n }\r\n }\r\n\r\n .sectionHeading {\r\n width: 100%;\r\n max-width: $maxPageWidth;\r\n margin: 0;\r\n font-size: 22px;\r\n text-align: center;\r\n\r\n @include desktop-lg {\r\n font-size: 35px;\r\n }\r\n\r\n @include mobile-md {\r\n width: 70%;\r\n font-size: 30px;\r\n text-align: left;\r\n }\r\n }\r\n\r\n .sectionContent {\r\n display: flex;\r\n flex-direction: column;\r\n width: 100%;\r\n max-width: $maxPageWidth;\r\n padding-top: $sectionPaddingMobile;\r\n justify-content: space-between;\r\n\r\n @include mobile-md {\r\n width: 80%;\r\n font-size: 35px;\r\n padding-top: 50px;\r\n flex-direction: row;\r\n }\r\n\r\n @include desktop-lg {\r\n width: 70%;\r\n }\r\n }\r\n\r\n .cragDetails {\r\n width: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n padding-bottom: 20px;\r\n position: relative;\r\n top: 200px;\r\n opacity: 0;\r\n\r\n @include mobile-md {\r\n width: calc(50% - 25px);\r\n flex-direction: column;\r\n padding-bottom: 0;\r\n min-height: 600px;\r\n }\r\n }\r\n\r\n .desctiption {\r\n padding: 0 5px 20px 5px;\r\n text-align: justify;\r\n font-size: 14px;\r\n max-height: 320px;\r\n overflow-y: scroll;\r\n\r\n @include mobile-md {\r\n padding: 0 0 20px 0;\r\n text-align: center;\r\n font-size: 14px;\r\n }\r\n\r\n @include desktop-lg {\r\n font-size: 16px;\r\n }\r\n }\r\n\r\n .imagesWrapper {\r\n width: 100%;\r\n display: flex;\r\n flex-direction: row;\r\n gap: 10px;\r\n }\r\n\r\n .cragImage {\r\n width: 33%;\r\n aspect-ratio: 1/1;\r\n overflow: hidden;\r\n border-radius: 10px;\r\n\r\n img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n transition: 0.7s ease-in-out;\r\n\r\n &:hover {\r\n transform: scale(1.2);\r\n }\r\n }\r\n }\r\n\r\n .button {\r\n text-decoration: none;\r\n margin-top: 20px;\r\n width: 100%;\r\n height: 40px;\r\n display: grid;\r\n place-content: center;\r\n color: white;\r\n border-radius: 10px;\r\n background: #F7770F;\r\n font-size: 16px;\r\n\r\n @include mobile-md {\r\n width: 60%;\r\n height: 50px;\r\n }\r\n }\r\n\r\n\r\n .cragMapWrapper {\r\n width: 100%;\r\n align-items: center;\r\n display: flex;\r\n flex-direction: column;\r\n\r\n @include mobile-md {\r\n width: calc(50% - 25px);\r\n height: 600px;\r\n align-items: unset;\r\n }\r\n }\r\n\r\n .Map {\r\n width: 100%;\r\n height: calc(100% - 80px);\r\n cursor: grab;\r\n\r\n .marker {\r\n cursor: pointer;\r\n\r\n &:hover {\r\n opacity: 0.6;\r\n }\r\n }\r\n }\r\n\r\n .controllsInfo {\r\n width: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n padding-top: 10px;\r\n }\r\n\r\n .controll {\r\n display: flex;\r\n flex-direction: row;\r\n font-size: 12px;\r\n justify-content: center;\r\n padding-top: 10px;\r\n\r\n @include mobile-md {\r\n height: 25px;\r\n font-size: 16px;\r\n height: 20px;\r\n }\r\n }\r\n\r\n .icon {\r\n padding-right: 5px;\r\n display: none;\r\n\r\n @include mobile-md {\r\n display: block;\r\n }\r\n }\r\n}\r\n\r\n@keyframes slideUp {\r\n from {\r\n top: 100px;\r\n opacity: 0;\r\n }\r\n\r\n to {\r\n top: 0px;\r\n opacity: 1;\r\n }\r\n}",".ParallaxDivider {\r\n width: 100%;\r\n height: 0px;\r\n z-index: 1;\r\n}","@import \"./settings.scss\";\r\n\r\n.ServiceStats {\r\n width: 100%;\r\n height: 90vh;\r\n background: white;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: space-evenly;\r\n box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.2);\r\n font-family: \"Afacad Flux\";\r\n\r\n @include mobile-md {\r\n height: 80vh;\r\n }\r\n\r\n .contentwrapper {\r\n display: flex;\r\n flex-direction: row;\r\n width: 85%;\r\n\r\n @include desktop-lg {\r\n width: 70%;\r\n }\r\n }\r\n\r\n .statsWrapper {\r\n width: 100px;\r\n display: flex;\r\n flex-direction: column;\r\n height: 100%;\r\n justify-content: space-around;\r\n\r\n &:not(:first-child) {\r\n .stat {\r\n position: relative;\r\n left: -100px;\r\n }\r\n }\r\n }\r\n\r\n .bgImageWrapper {\r\n width: calc(100% - 200px);\r\n height: 500px;\r\n border-radius: 20px;\r\n overflow: hidden;\r\n }\r\n\r\n .bgImage {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n }\r\n\r\n .icon {\r\n background: #d5d5d5;\r\n padding: 6px;\r\n border-radius: 100vmax;\r\n height: 18px;\r\n width: 18px;\r\n\r\n @include mobile-md {\r\n padding: 10px;\r\n height: 36px;\r\n width: 36px;\r\n }\r\n }\r\n\r\n .stat {\r\n height: 60px;\r\n width: 200px;\r\n border-radius: 20px;\r\n display: flex;\r\n flex-direction: row;\r\n align-items: center;\r\n padding: 20px;\r\n gap: 20px;\r\n z-index: 2;\r\n background-color: white;\r\n box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.1);\r\n\r\n @include mobile-md {\r\n height: 70px;\r\n width: 180px;\r\n }\r\n\r\n @include desktop-lg {\r\n height: 80px;\r\n width: 200px;\r\n }\r\n\r\n &:nth-of-type(2) {\r\n color: white;\r\n background: $orange;\r\n\r\n .icon {\r\n background: white;\r\n }\r\n }\r\n }\r\n\r\n .number {\r\n font-size: 20px;\r\n font-weight: 600;\r\n\r\n @include mobile-md {\r\n font-size: 25px;\r\n }\r\n\r\n @include desktop-lg {\r\n font-size: 30px;\r\n }\r\n }\r\n\r\n .textWrapper {\r\n display: flex;\r\n flex-direction: column;\r\n }\r\n\r\n .sectionHeading {\r\n margin: 0;\r\n font-size: 22px;\r\n width: 70%;\r\n\r\n @include mobile-md {\r\n font-size: 30px;\r\n width: 85%;\r\n }\r\n\r\n @include desktop-lg {\r\n font-size: 35px;\r\n width: 70%;\r\n }\r\n }\r\n\r\n .mobileWrapper {\r\n width: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n\r\n .stat {\r\n width: 80%;\r\n box-shadow: none;\r\n }\r\n }\r\n}","@import \"./settings.scss\";\r\n\r\n.Roles {\r\n width: 100%;\r\n height: 100vh;\r\n display: flex;\r\n flex-direction: column;\r\n position: relative;\r\n z-index: 10;\r\n background: rgba(0, 0, 0, .5);\r\n align-items: center;\r\n font-family: \"Caveat\";\r\n\r\n .title {\r\n font-size: 30px;\r\n color: white;\r\n text-align: center;\r\n\r\n @include mobile-md {\r\n font-size: 40px;\r\n }\r\n }\r\n\r\n .bgImage {\r\n width: 100%;\r\n height: 100%;\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n z-index: 1;\r\n object-fit: cover;\r\n }\r\n\r\n .contentWrapper {\r\n width: calc(100% - 40px);\r\n height: 100%;\r\n padding: 0 20px;\r\n background: rgba(0, 0, 0, 0.6);\r\n z-index: 10;\r\n position: relative;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n\r\n @include mobile-md {\r\n height: calc(100% - 5vh);\r\n padding: 5vh 20px 0 20px;\r\n }\r\n }\r\n\r\n .cardsWrapper {\r\n width: 100%;\r\n height: 280px;\r\n display: flex;\r\n flex-direction: row;\r\n margin: 50px 0;\r\n position: relative;\r\n gap: 50px;\r\n }\r\n\r\n .carousel {\r\n width: 100%;\r\n display: flex;\r\n flex-direction: row;\r\n padding: $sectionPadding 0;\r\n align-items: center;\r\n justify-content: space-between;\r\n }\r\n\r\n .controllButton {\r\n &:nth-of-type(2) {\r\n transform: rotate(180deg);\r\n }\r\n }\r\n}","$cardWidth: 218px;\r\n$cardWidthSmall: 180px;\r\n$gap: 50px;\r\n$top: 60px;\r\n\r\n\r\n///////////////////////////////////// left 1\r\n\r\n@mixin firstLeftOnStack($cardSize) {\r\n left: calc(50% - ($cardSize * 0.5));\r\n transform: rotate(0deg);\r\n top: 0;\r\n}\r\n\r\n@mixin firstLeftUnfolded($cardSize) {\r\n top: $top;\r\n left: calc(50% - ($cardSize * 2) - ($gap * 1.5));\r\n transform: rotate(-15deg);\r\n}\r\n\r\n@keyframes reveal_1 {\r\n 0% {\r\n @include firstLeftOnStack($cardWidthSmall);\r\n }\r\n\r\n 100% {\r\n @include firstLeftUnfolded($cardWidthSmall);\r\n }\r\n}\r\n\r\n@keyframes reveal_1_lg {\r\n 0% {\r\n @include firstLeftOnStack($cardWidth);\r\n }\r\n\r\n 100% {\r\n @include firstLeftUnfolded($cardWidth);\r\n }\r\n}\r\n\r\n///////////////////////////////////// left 2\r\n\r\n@mixin secondLeftOnStack($cardSize) {\r\n left: calc(50% - ($cardSize * 0.5));\r\n transform: rotate(0deg);\r\n}\r\n\r\n@mixin secondLeftUnfolded($cardSize) {\r\n left: calc(50% - ($cardSize * 1) - ($gap * 0.5));\r\n transform: rotate(-5deg);\r\n}\r\n\r\n@keyframes reveal_2 {\r\n 0% {\r\n @include secondLeftOnStack($cardWidthSmall);\r\n }\r\n\r\n 100% {\r\n @include secondLeftUnfolded($cardWidthSmall);\r\n }\r\n}\r\n\r\n@keyframes reveal_2_lg {\r\n 0% {\r\n @include secondLeftOnStack($cardWidth);\r\n }\r\n\r\n 100% {\r\n @include secondLeftUnfolded($cardWidth);\r\n }\r\n}\r\n\r\n///////////////////////////////////// right 1\r\n\r\n@mixin firstRightOnStack($cardSize) {\r\n right: calc(50% - ($cardSize * 0.5));\r\n transform: rotate(0deg);\r\n}\r\n\r\n@mixin firstRightUnfolded($cardSize) {\r\n right: calc(50% - ($cardSize * 1) - ($gap * 0.5));\r\n transform: rotate(5deg);\r\n}\r\n\r\n\r\n@keyframes reveal_3 {\r\n 0% {\r\n @include firstRightOnStack($cardWidthSmall);\r\n }\r\n\r\n 100% {\r\n @include firstRightUnfolded($cardWidthSmall);\r\n }\r\n}\r\n\r\n@keyframes reveal_3_lg {\r\n 0% {\r\n @include firstRightOnStack($cardWidth);\r\n }\r\n\r\n 100% {\r\n @include firstRightUnfolded($cardWidth);\r\n }\r\n}\r\n\r\n///////////////////////////////////// right 2\r\n\r\n@mixin secondRightOnStack($cardSize) {\r\n right: calc(50% - ($cardSize * 0.5));\r\n transform: rotate(0deg);\r\n top: 0;\r\n}\r\n\r\n@mixin secondRightUnfolded($cardSize) {\r\n right: calc(50% - ($cardSize * 2) - ($gap * 1.5));\r\n transform: rotate(15deg);\r\n top: $top;\r\n}\r\n\r\n\r\n@keyframes reveal_4 {\r\n 0% {\r\n @include secondRightOnStack($cardWidthSmall);\r\n }\r\n\r\n 100% {\r\n @include secondRightUnfolded($cardWidthSmall);\r\n }\r\n}\r\n\r\n@keyframes reveal_4_lg {\r\n 0% {\r\n @include secondRightOnStack($cardWidth);\r\n }\r\n\r\n 100% {\r\n @include secondRightUnfolded($cardWidth);\r\n }\r\n}","@import \"./settings.scss\";\r\n@import \"./keyframes.scss\";\r\n\r\n$cardWidth: 218px;\r\n$cardWidthSmall: 180px;\r\n$gap: 50px;\r\n\r\n.PolaroidCard {\r\n display: flex;\r\n align-items: center;\r\n height: 280px;\r\n width: $cardWidth;\r\n justify-content: center;\r\n transition: 0.7s;\r\n position: relative;\r\n\r\n @include mobile-md {\r\n position: absolute;\r\n top: 0;\r\n height: 240px;\r\n width: $cardWidthSmall;\r\n\r\n &.stack {\r\n\r\n &:nth-of-type(1),\r\n &:nth-of-type(2) {\r\n left: calc(50% - ($cardWidthSmall / 2));\r\n\r\n @include desktop-lg {\r\n left: calc(50% - ($cardWidth / 2));\r\n }\r\n }\r\n\r\n &:nth-of-type(3),\r\n &:nth-of-type(4) {\r\n right: calc(50% - ($cardWidthSmall / 2));\r\n\r\n @include desktop-lg {\r\n right: calc(50% - ($cardWidth / 2));\r\n }\r\n }\r\n }\r\n\r\n &.unfolded {\r\n &:nth-of-type(1) {\r\n @include firstLeftUnfolded($cardWidthSmall);\r\n\r\n @include desktop-lg {\r\n @include firstLeftUnfolded($cardWidth);\r\n }\r\n }\r\n\r\n &:nth-of-type(2) {\r\n @include secondLeftUnfolded($cardWidthSmall);\r\n\r\n @include desktop-lg {\r\n @include secondLeftUnfolded($cardWidth);\r\n }\r\n }\r\n\r\n &:nth-of-type(3) {\r\n @include firstRightUnfolded($cardWidthSmall);\r\n\r\n @include desktop-lg {\r\n @include firstRightUnfolded($cardWidth);\r\n }\r\n }\r\n\r\n &:nth-of-type(4) {\r\n @include secondRightUnfolded($cardWidthSmall);\r\n\r\n @include desktop-lg {\r\n @include secondRightUnfolded($cardWidth);\r\n }\r\n }\r\n }\r\n }\r\n\r\n @include desktop-lg {\r\n height: 280px;\r\n width: $cardWidth;\r\n }\r\n\r\n .front,\r\n .back {\r\n width: 200px;\r\n height: 280px;\r\n background: white;\r\n will-change: transform, opacity;\r\n position: absolute;\r\n cursor: pointer;\r\n padding: 5px;\r\n border-radius: 10px;\r\n transition: 0.3s border;\r\n\r\n @include mobile-md {\r\n width: 162px;\r\n height: 240px;\r\n }\r\n\r\n @include desktop-lg {\r\n width: 200px;\r\n height: 280px;\r\n }\r\n }\r\n\r\n .back {\r\n padding: 5px 10px;\r\n width: 190px;\r\n\r\n @include mobile-md {\r\n width: 152px;\r\n }\r\n\r\n @include desktop-lg {\r\n width: 190px;\r\n }\r\n }\r\n\r\n .image {\r\n width: 100%;\r\n height: 220px;\r\n object-fit: cover;\r\n border-radius: 10px;\r\n\r\n @include mobile-md {\r\n height: 180px;\r\n }\r\n\r\n @include desktop-lg {\r\n height: 220px;\r\n }\r\n }\r\n\r\n .name {\r\n text-align: center;\r\n font-size: 20px;\r\n margin: 0;\r\n height: 55px;\r\n display: grid;\r\n place-content: center;\r\n }\r\n\r\n .backName {\r\n font-weight: bold;\r\n font-size: 16px;\r\n\r\n @include desktop-lg {\r\n font-size: 18px;\r\n }\r\n }\r\n\r\n .description {\r\n font-size: 14px;\r\n\r\n @include desktop-lg {\r\n font-size: 16px;\r\n }\r\n }\r\n\r\n .clickIcon {\r\n position: absolute;\r\n right: -15px;\r\n bottom: -15px;\r\n border-radius: 100vmax;\r\n background-color: $orange;\r\n padding: 5px;\r\n cursor: pointer;\r\n transition: 0.4s ease-in-out;\r\n\r\n &:hover {\r\n background-color: $orangeActive;\r\n }\r\n }\r\n\r\n}"],"names":[],"sourceRoot":""} \ No newline at end of file diff --git a/static/js/main.37ca0f4b.js b/static/js/main.37ca0f4b.js deleted file mode 100644 index 44ca42f..0000000 --- a/static/js/main.37ca0f4b.js +++ /dev/null @@ -1,3 +0,0 @@ -/*! For license information please see main.37ca0f4b.js.LICENSE.txt */ -(()=>{var e={9002:e=>{var t=.1,n="function"===typeof Float32Array;function r(e,t){return 1-3*t+3*e}function i(e,t){return 3*t-6*e}function o(e){return 3*e}function a(e,t,n){return((r(t,n)*e+i(t,n))*e+o(t))*e}function s(e,t,n){return 3*r(t,n)*e*e+2*i(t,n)*e+o(t)}function l(e){return e}e.exports=function(e,r,i,o){if(!(0<=e&&e<=1&&0<=i&&i<=1))throw new Error("bezier x values must be in [0, 1] range");if(e===r&&i===o)return l;for(var u=n?new Float32Array(11):new Array(11),c=0;c<11;++c)u[c]=a(c*t,e,i);function f(n){for(var r=0,o=1;10!==o&&u[o]<=n;++o)r+=t;--o;var l=r+(n-u[o])/(u[o+1]-u[o])*t,c=s(l,e,i);return c>=.001?function(e,t,n,r){for(var i=0;i<4;++i){var o=s(t,n,r);if(0===o)return t;t-=(a(t,n,r)-e)/o}return t}(n,l,e,i):0===c?l:function(e,t,n,r,i){var o,s,l=0;do{(o=a(s=t+(n-t)/2,r,i)-e)>0?n=s:t=s}while(Math.abs(o)>1e-7&&++l<10);return s}(n,r,r+t,e,i)}return function(e){return 0===e?0:1===e?1:a(f(e),r,o)}}},5364:(e,t,n)=>{"use strict";n.r(t),n.d(t,{geoAlbers:()=>Sr,geoAlbersUsa:()=>xr,geoArea:()=>ie,geoAzimuthalEqualArea:()=>Pr,geoAzimuthalEqualAreaRaw:()=>Er,geoAzimuthalEquidistant:()=>Mr,geoAzimuthalEquidistantRaw:()=>Cr,geoBounds:()=>De,geoCentroid:()=>Xe,geoCircle:()=>lt,geoClipAntimeridian:()=>wt,geoClipCircle:()=>St,geoClipExtent:()=>Nt,geoClipRectangle:()=>Mt,geoConicConformal:()=>Tr,geoConicConformalRaw:()=>Rr,geoConicEqualArea:()=>wr,geoConicEqualAreaRaw:()=>br,geoConicEquidistant:()=>Fr,geoConicEquidistantRaw:()=>Lr,geoContains:()=>Wt,geoDistance:()=>Lt,geoEqualEarth:()=>Hr,geoEqualEarthRaw:()=>Vr,geoEquirectangular:()=>zr,geoEquirectangularRaw:()=>Ir,geoGnomonic:()=>$r,geoGnomonicRaw:()=>Wr,geoGraticule:()=>Yt,geoGraticule10:()=>Xt,geoIdentity:()=>Gr,geoInterpolate:()=>Zt,geoLength:()=>Tt,geoMercator:()=>Or,geoMercatorRaw:()=>Nr,geoNaturalEarth1:()=>Yr,geoNaturalEarth1Raw:()=>Kr,geoOrthographic:()=>Zr,geoOrthographicRaw:()=>Xr,geoPath:()=>nr,geoProjection:()=>vr,geoProjectionMutator:()=>gr,geoRotation:()=>ot,geoStereographic:()=>ei,geoStereographicRaw:()=>Jr,geoStream:()=>T,geoTransform:()=>rr,geoTransverseMercator:()=>ni,geoTransverseMercatorRaw:()=>ti});class r{constructor(){this._partials=new Float64Array(32),this._n=0}add(e){const t=this._partials;let n=0;for(let r=0;r0){for(o=e[--i];i>0&&(t=o,n=e[--i],o=t+n,r=n-(o-t),!r););i>0&&(r<0&&e[i-1]<0||r>0&&e[i-1]>0)&&(n=2*r,t=o+n,n==t-o&&(o=t))}return o}}var i=1e-6,o=1e-12,a=Math.PI,s=a/2,l=a/4,u=2*a,c=180/a,f=a/180,d=Math.abs,h=Math.atan,p=Math.atan2,m=Math.cos,v=Math.ceil,g=Math.exp,y=(Math.floor,Math.hypot),b=Math.log,w=Math.pow,S=Math.sin,x=Math.sign||function(e){return e>0?1:e<0?-1:0},_=Math.sqrt,k=Math.tan;function E(e){return e>1?0:e<-1?a:Math.acos(e)}function P(e){return e>1?s:e<-1?-s:Math.asin(e)}function C(e){return(e=S(e/2))*e}function M(){}function N(e,t){e&&A.hasOwnProperty(e.type)&&A[e.type](e,t)}var O={Feature:function(e,t){N(e.geometry,t)},FeatureCollection:function(e,t){for(var n=e.features,r=-1,i=n.length;++r=0?1:-1,i=r*n,o=m(t=(t*=f)/2+l),a=S(t),s=D*a,u=F*o+s*m(i),c=s*r*S(i);X.add(p(c,u)),L=e,F=o,D=a}function ie(e){return Z=new r,T(e,J),2*Z}function oe(e){return[p(e[1],e[0]),P(e[2])]}function ae(e){var t=e[0],n=e[1],r=m(n);return[r*m(t),r*S(t),S(n)]}function se(e,t){return e[0]*t[0]+e[1]*t[1]+e[2]*t[2]}function le(e,t){return[e[1]*t[2]-e[2]*t[1],e[2]*t[0]-e[0]*t[2],e[0]*t[1]-e[1]*t[0]]}function ue(e,t){e[0]+=t[0],e[1]+=t[1],e[2]+=t[2]}function ce(e,t){return[e[0]*t,e[1]*t,e[2]*t]}function fe(e){var t=_(e[0]*e[0]+e[1]*e[1]+e[2]*e[2]);e[0]/=t,e[1]/=t,e[2]/=t}var de,he,pe,me,ve,ge,ye,be,we,Se,xe,_e,ke,Ee,Pe,Ce,Me={point:Ne,lineStart:Ae,lineEnd:je,polygonStart:function(){Me.point=Re,Me.lineStart=Te,Me.lineEnd=Ie,G=new r,J.polygonStart()},polygonEnd:function(){J.polygonEnd(),Me.point=Ne,Me.lineStart=Ae,Me.lineEnd=je,X<0?(U=-(B=180),Q=-(q=90)):G>i?q=90:G<-i&&(Q=-90),Y[0]=U,Y[1]=B},sphere:function(){U=-(B=180),Q=-(q=90)}};function Ne(e,t){K.push(Y=[U=e,B=e]),tq&&(q=t)}function Oe(e,t){var n=ae([e*f,t*f]);if($){var r=le($,n),i=le([r[1],-r[0],0],r);fe(i),i=oe(i);var o,a=e-V,s=a>0?1:-1,l=i[0]*c*s,u=d(a)>180;u^(s*Vq&&(q=o):u^(s*V<(l=(l+360)%360-180)&&lq&&(q=t)),u?eze(U,B)&&(B=e):ze(e,B)>ze(U,B)&&(U=e):B>=U?(eB&&(B=e)):e>V?ze(U,e)>ze(U,B)&&(B=e):ze(e,B)>ze(U,B)&&(U=e)}else K.push(Y=[U=e,B=e]);tq&&(q=t),$=n,V=e}function Ae(){Me.point=Oe}function je(){Y[0]=U,Y[1]=B,Me.point=Ne,$=null}function Re(e,t){if($){var n=e-V;G.add(d(n)>180?n+(n>0?360:-360):n)}else H=e,W=t;J.point(e,t),Oe(e,t)}function Te(){J.lineStart()}function Ie(){Re(H,W),J.lineEnd(),d(G)>i&&(U=-(B=180)),Y[0]=U,Y[1]=B,$=null}function ze(e,t){return(t-=e)<0?t+360:t}function Le(e,t){return e[0]-t[0]}function Fe(e,t){return e[0]<=e[1]?e[0]<=t&&t<=e[1]:tze(r[0],r[1])&&(r[1]=i[1]),ze(i[0],r[1])>ze(r[0],r[1])&&(r[0]=i[0])):o.push(r=i);for(a=-1/0,t=0,r=o[n=o.length-1];t<=n;r=i,++t)i=o[t],(s=ze(r[1],i[0]))>a&&(a=s,U=i[0],B=r[1])}return K=Y=null,U===1/0||Q===1/0?[[NaN,NaN],[NaN,NaN]]:[[U,Q],[B,q]]}var Ue={sphere:M,point:Qe,lineStart:qe,lineEnd:We,polygonStart:function(){Ue.lineStart=$e,Ue.lineEnd=Ge},polygonEnd:function(){Ue.lineStart=qe,Ue.lineEnd=We}};function Qe(e,t){e*=f;var n=m(t*=f);Be(n*m(e),n*S(e),S(t))}function Be(e,t,n){++de,pe+=(e-pe)/de,me+=(t-me)/de,ve+=(n-ve)/de}function qe(){Ue.point=Ve}function Ve(e,t){e*=f;var n=m(t*=f);Ee=n*m(e),Pe=n*S(e),Ce=S(t),Ue.point=He,Be(Ee,Pe,Ce)}function He(e,t){e*=f;var n=m(t*=f),r=n*m(e),i=n*S(e),o=S(t),a=p(_((a=Pe*o-Ce*i)*a+(a=Ce*r-Ee*o)*a+(a=Ee*i-Pe*r)*a),Ee*r+Pe*i+Ce*o);he+=a,ge+=a*(Ee+(Ee=r)),ye+=a*(Pe+(Pe=i)),be+=a*(Ce+(Ce=o)),Be(Ee,Pe,Ce)}function We(){Ue.point=Qe}function $e(){Ue.point=Ke}function Ge(){Ye(_e,ke),Ue.point=Qe}function Ke(e,t){_e=e,ke=t,e*=f,t*=f,Ue.point=Ye;var n=m(t);Ee=n*m(e),Pe=n*S(e),Ce=S(t),Be(Ee,Pe,Ce)}function Ye(e,t){e*=f;var n=m(t*=f),r=n*m(e),i=n*S(e),o=S(t),a=Pe*o-Ce*i,s=Ce*r-Ee*o,l=Ee*i-Pe*r,u=y(a,s,l),c=P(u),d=u&&-c/u;we.add(d*a),Se.add(d*s),xe.add(d*l),he+=c,ge+=c*(Ee+(Ee=r)),ye+=c*(Pe+(Pe=i)),be+=c*(Ce+(Ce=o)),Be(Ee,Pe,Ce)}function Xe(e){de=he=pe=me=ve=ge=ye=be=0,we=new r,Se=new r,xe=new r,T(e,Ue);var t=+we,n=+Se,a=+xe,s=y(t,n,a);return sa?e+Math.round(-e/u)*u:e,t]}function tt(e,t,n){return(e%=u)?t||n?Je(rt(e),it(t,n)):rt(e):t||n?it(t,n):et}function nt(e){return function(t,n){return[(t+=e)>a?t-u:t<-a?t+u:t,n]}}function rt(e){var t=nt(e);return t.invert=nt(-e),t}function it(e,t){var n=m(e),r=S(e),i=m(t),o=S(t);function a(e,t){var a=m(t),s=m(e)*a,l=S(e)*a,u=S(t),c=u*n+s*r;return[p(l*i-c*o,s*n-u*r),P(c*i+l*o)]}return a.invert=function(e,t){var a=m(t),s=m(e)*a,l=S(e)*a,u=S(t),c=u*i-l*o;return[p(l*i+u*o,s*n+c*r),P(c*n-s*r)]},a}function ot(e){function t(t){return(t=e(t[0]*f,t[1]*f))[0]*=c,t[1]*=c,t}return e=tt(e[0]*f,e[1]*f,e.length>2?e[2]*f:0),t.invert=function(t){return(t=e.invert(t[0]*f,t[1]*f))[0]*=c,t[1]*=c,t},t}function at(e,t,n,r,i,o){if(n){var a=m(t),s=S(t),l=r*n;null==i?(i=t+r*u,o=t-l/2):(i=st(a,i),o=st(a,o),(r>0?io)&&(i+=r*u));for(var c,f=i;r>0?f>o:f1&&t.push(t.pop().concat(t.shift()))},result:function(){var n=t;return t=[],e=null,n}}}function ct(e,t){return d(e[0]-t[0])=0;--a)o.point((f=c[a])[0],f[1]);else r(h.x,h.p.x,-1,o);h=h.p}c=(h=h.o).z,p=!p}while(!h.v);o.lineEnd()}}}function ht(e){if(t=e.length){for(var t,n,r=0,i=e[0];++r=0?1:-1,L=z*I,F=L>a,D=C*R;if(g.add(p(D*z*S(L),M*T+D*m(L))),h+=F?I+z*u:I,F^k>=n^A>=n){var U=le(ae(_),ae(O));fe(U);var Q=le(d,U);fe(Q);var B=(F^I>=0?-1:1)*P(Q[2]);(c>B||c===B&&(U[0]||U[1]))&&(v+=F^I>=0?1:-1)}}return(h<-i||h0){for(f||(i.polygonStart(),f=!0),i.lineStart(),e=0;e1&&2&l&&d.push(d.pop().concat(d.shift())),a.push(d.filter(yt))}return d}}function yt(e){return e.length>1}function bt(e,t){return((e=e.x)[0]<0?e[1]-s-i:s-e[1])-((t=t.x)[0]<0?t[1]-s-i:s-t[1])}et.invert=et;const wt=gt((function(){return!0}),(function(e){var t,n=NaN,r=NaN,o=NaN;return{lineStart:function(){e.lineStart(),t=1},point:function(l,u){var c=l>0?a:-a,f=d(l-n);d(f-a)0?s:-s),e.point(o,r),e.lineEnd(),e.lineStart(),e.point(c,r),e.point(l,r),t=0):o!==c&&f>=a&&(d(n-o)i?h((S(t)*(a=m(r))*S(n)-S(r)*(o=m(t))*S(e))/(o*a*s)):(t+r)/2}(n,r,l,u),e.point(o,r),e.lineEnd(),e.lineStart(),e.point(c,r),t=0),e.point(n=l,r=u),o=c},lineEnd:function(){e.lineEnd(),n=r=NaN},clean:function(){return 2-t}}}),(function(e,t,n,r){var o;if(null==e)o=n*s,r.point(-a,o),r.point(0,o),r.point(a,o),r.point(a,0),r.point(a,-o),r.point(0,-o),r.point(-a,-o),r.point(-a,0),r.point(-a,o);else if(d(e[0]-t[0])>i){var l=e[0]0,o=d(t)>i;function s(e,n){return m(e)*m(n)>t}function l(e,n,r){var o=[1,0,0],s=le(ae(e),ae(n)),l=se(s,s),u=s[0],c=l-u*u;if(!c)return!r&&e;var f=t*l/c,h=-t*u/c,p=le(o,s),m=ce(o,f);ue(m,ce(s,h));var v=p,g=se(m,v),y=se(v,v),b=g*g-y*(se(m,m)-1);if(!(b<0)){var w=_(b),S=ce(v,(-g-w)/y);if(ue(S,m),S=oe(S),!r)return S;var x,k=e[0],E=n[0],P=e[1],C=n[1];E0^S[1]<(d(S[0]-k)a^(k<=S[0]&&S[0]<=E)){var O=ce(v,(-g+w)/y);return ue(O,m),[S,oe(O)]}}}function u(t,n){var i=r?e:a-e,o=0;return t<-i?o|=1:t>i&&(o|=2),n<-i?o|=4:n>i&&(o|=8),o}return gt(s,(function(e){var t,n,i,c,f;return{lineStart:function(){c=i=!1,f=1},point:function(d,h){var p,m=[d,h],v=s(d,h),g=r?v?0:u(d,h):v?u(d+(d<0?a:-a),h):0;if(!t&&(c=i=v)&&e.lineStart(),v!==i&&(!(p=l(t,m))||ct(t,p)||ct(m,p))&&(m[2]=1),v!==i)f=0,v?(e.lineStart(),p=l(m,t),e.point(p[0],p[1])):(p=l(t,m),e.point(p[0],p[1],2),e.lineEnd()),t=p;else if(o&&t&&r^v){var y;g&n||!(y=l(m,t,!0))||(f=0,r?(e.lineStart(),e.point(y[0][0],y[0][1]),e.point(y[1][0],y[1][1]),e.lineEnd()):(e.point(y[1][0],y[1][1]),e.lineEnd(),e.lineStart(),e.point(y[0][0],y[0][1],3)))}!v||t&&ct(t,m)||e.point(m[0],m[1]),t=m,i=v,n=g},lineEnd:function(){i&&e.lineEnd(),t=null},clean:function(){return f|(c&&i)<<1}}}),(function(t,r,i,o){at(o,e,n,i,t,r)}),r?[0,-e]:[-a,e-a])}var xt,_t,kt,Et,Pt=1e9,Ct=-Pt;function Mt(e,t,n,r){function o(i,o){return e<=i&&i<=n&&t<=o&&o<=r}function a(i,o,a,l){var c=0,f=0;if(null==i||(c=s(i,a))!==(f=s(o,a))||u(i,o)<0^a>0)do{l.point(0===c||3===c?e:n,c>1?r:t)}while((c=(c+a+4)%4)!==f);else l.point(o[0],o[1])}function s(r,o){return d(r[0]-e)0?0:3:d(r[0]-n)0?2:1:d(r[1]-t)0?1:0:o>0?3:2}function l(e,t){return u(e.x,t.x)}function u(e,t){var n=s(e,1),r=s(t,1);return n!==r?n-r:0===n?t[1]-e[1]:1===n?e[0]-t[0]:2===n?e[1]-t[1]:t[0]-e[0]}return function(i){var s,u,c,f,d,h,p,m,v,g,y,b=i,w=ut(),S={point:x,lineStart:function(){S.point=_,u&&u.push(c=[]);g=!0,v=!1,p=m=NaN},lineEnd:function(){s&&(_(f,d),h&&v&&w.rejoin(),s.push(w.result()));S.point=x,v&&b.lineEnd()},polygonStart:function(){b=w,s=[],u=[],y=!0},polygonEnd:function(){var t=function(){for(var t=0,n=0,i=u.length;nr&&(d-o)*(r-a)>(h-a)*(e-o)&&++t:h<=r&&(d-o)*(r-a)<(h-a)*(e-o)&&--t;return t}(),n=y&&t,o=(s=vt(s)).length;(n||o)&&(i.polygonStart(),n&&(i.lineStart(),a(null,null,1,i),i.lineEnd()),o&&dt(s,l,t,a,i),i.polygonEnd());b=i,s=u=c=null}};function x(e,t){o(e,t)&&b.point(e,t)}function _(i,a){var s=o(i,a);if(u&&c.push([i,a]),g)f=i,d=a,h=s,g=!1,s&&(b.lineStart(),b.point(i,a));else if(s&&v)b.point(i,a);else{var l=[p=Math.max(Ct,Math.min(Pt,p)),m=Math.max(Ct,Math.min(Pt,m))],w=[i=Math.max(Ct,Math.min(Pt,i)),a=Math.max(Ct,Math.min(Pt,a))];!function(e,t,n,r,i,o){var a,s=e[0],l=e[1],u=0,c=1,f=t[0]-s,d=t[1]-l;if(a=n-s,f||!(a>0)){if(a/=f,f<0){if(a0){if(a>c)return;a>u&&(u=a)}if(a=i-s,f||!(a<0)){if(a/=f,f<0){if(a>c)return;a>u&&(u=a)}else if(f>0){if(a0)){if(a/=d,d<0){if(a0){if(a>c)return;a>u&&(u=a)}if(a=o-l,d||!(a<0)){if(a/=d,d<0){if(a>c)return;a>u&&(u=a)}else if(d>0){if(a0&&(e[0]=s+u*f,e[1]=l+u*d),c<1&&(t[0]=s+c*f,t[1]=l+c*d),!0}}}}}(l,w,e,t,n,r)?s&&(b.lineStart(),b.point(i,a),y=!1):(v||(b.lineStart(),b.point(l[0],l[1])),b.point(w[0],w[1]),s||b.lineEnd(),y=!1)}p=i,m=a,v=s}return S}}function Nt(){var e,t,n,r=0,i=0,o=960,a=500;return n={stream:function(n){return e&&t===n?e:e=Mt(r,i,o,a)(t=n)},extent:function(s){return arguments.length?(r=+s[0][0],i=+s[0][1],o=+s[1][0],a=+s[1][1],e=t=null,n):[[r,i],[o,a]]}}}var Ot={sphere:M,point:M,lineStart:function(){Ot.point=jt,Ot.lineEnd=At},lineEnd:M,polygonStart:M,polygonEnd:M};function At(){Ot.point=Ot.lineEnd=M}function jt(e,t){_t=e*=f,kt=S(t*=f),Et=m(t),Ot.point=Rt}function Rt(e,t){e*=f;var n=S(t*=f),r=m(t),i=d(e-_t),o=m(i),a=r*S(i),s=Et*n-kt*r*o,l=kt*n+Et*r*o;xt.add(p(_(a*a+s*s),l)),_t=e,kt=n,Et=r}function Tt(e){return xt=new r,T(e,Ot),+xt}var It=[null,null],zt={type:"LineString",coordinates:It};function Lt(e,t){return It[0]=e,It[1]=t,Tt(zt)}var Ft={Feature:function(e,t){return Ut(e.geometry,t)},FeatureCollection:function(e,t){for(var n=e.features,r=-1,i=n.length;++r0&&(i=Lt(e[a],e[a-1]))>0&&n<=i&&r<=i&&(n+r-i)*(1-Math.pow((n-r)/i,2))i})).map(u)).concat($t(v(a/m)*m,o,m).filter((function(e){return d(e%y)>i})).map(c))}return w.lines=function(){return S().map((function(e){return{type:"LineString",coordinates:e}}))},w.outline=function(){return{type:"Polygon",coordinates:[f(r).concat(h(s).slice(1),f(n).reverse().slice(1),h(l).reverse().slice(1))]}},w.extent=function(e){return arguments.length?w.extentMajor(e).extentMinor(e):w.extentMinor()},w.extentMajor=function(e){return arguments.length?(r=+e[0][0],n=+e[1][0],l=+e[0][1],s=+e[1][1],r>n&&(e=r,r=n,n=e),l>s&&(e=l,l=s,s=e),w.precision(b)):[[r,l],[n,s]]},w.extentMinor=function(n){return arguments.length?(t=+n[0][0],e=+n[1][0],a=+n[0][1],o=+n[1][1],t>e&&(n=t,t=e,e=n),a>o&&(n=a,a=o,o=n),w.precision(b)):[[t,a],[e,o]]},w.step=function(e){return arguments.length?w.stepMajor(e).stepMinor(e):w.stepMinor()},w.stepMajor=function(e){return arguments.length?(g=+e[0],y=+e[1],w):[g,y]},w.stepMinor=function(e){return arguments.length?(p=+e[0],m=+e[1],w):[p,m]},w.precision=function(i){return arguments.length?(b=+i,u=Gt(a,o,90),c=Kt(t,e,b),f=Gt(l,s,90),h=Kt(r,n,b),w):b},w.extentMajor([[-180,-90+i],[180,90-i]]).extentMinor([[-180,-80-i],[180,80+i]])}function Xt(){return Yt()()}function Zt(e,t){var n=e[0]*f,r=e[1]*f,i=t[0]*f,o=t[1]*f,a=m(r),s=S(r),l=m(o),u=S(o),d=a*m(n),h=a*S(n),v=l*m(i),g=l*S(i),y=2*P(_(C(o-r)+a*l*C(i-n))),b=S(y),w=y?function(e){var t=S(e*=y)/b,n=S(y-e)/b,r=n*d+t*v,i=n*h+t*g,o=n*s+t*u;return[p(i,r)*c,p(o,_(r*r+i*i))*c]}:function(){return[n*c,r*c]};return w.distance=y,w}const Jt=e=>e;var en,tn,nn,rn,on=new r,an=new r,sn={point:M,lineStart:M,lineEnd:M,polygonStart:function(){sn.lineStart=ln,sn.lineEnd=fn},polygonEnd:function(){sn.lineStart=sn.lineEnd=sn.point=M,on.add(d(an)),an=new r},result:function(){var e=on/2;return on=new r,e}};function ln(){sn.point=un}function un(e,t){sn.point=cn,en=nn=e,tn=rn=t}function cn(e,t){an.add(rn*e-nn*t),nn=e,rn=t}function fn(){cn(en,tn)}const dn=sn;var hn=1/0,pn=hn,mn=-hn,vn=mn,gn={point:function(e,t){emn&&(mn=e);tvn&&(vn=t)},lineStart:M,lineEnd:M,polygonStart:M,polygonEnd:M,result:function(){var e=[[hn,pn],[mn,vn]];return mn=vn=-(pn=hn=1/0),e}};const yn=gn;var bn,wn,Sn,xn,_n=0,kn=0,En=0,Pn=0,Cn=0,Mn=0,Nn=0,On=0,An=0,jn={point:Rn,lineStart:Tn,lineEnd:Ln,polygonStart:function(){jn.lineStart=Fn,jn.lineEnd=Dn},polygonEnd:function(){jn.point=Rn,jn.lineStart=Tn,jn.lineEnd=Ln},result:function(){var e=An?[Nn/An,On/An]:Mn?[Pn/Mn,Cn/Mn]:En?[_n/En,kn/En]:[NaN,NaN];return _n=kn=En=Pn=Cn=Mn=Nn=On=An=0,e}};function Rn(e,t){_n+=e,kn+=t,++En}function Tn(){jn.point=In}function In(e,t){jn.point=zn,Rn(Sn=e,xn=t)}function zn(e,t){var n=e-Sn,r=t-xn,i=_(n*n+r*r);Pn+=i*(Sn+e)/2,Cn+=i*(xn+t)/2,Mn+=i,Rn(Sn=e,xn=t)}function Ln(){jn.point=Rn}function Fn(){jn.point=Un}function Dn(){Qn(bn,wn)}function Un(e,t){jn.point=Qn,Rn(bn=Sn=e,wn=xn=t)}function Qn(e,t){var n=e-Sn,r=t-xn,i=_(n*n+r*r);Pn+=i*(Sn+e)/2,Cn+=i*(xn+t)/2,Mn+=i,Nn+=(i=xn*e-Sn*t)*(Sn+e),On+=i*(xn+t),An+=3*i,Rn(Sn=e,xn=t)}const Bn=jn;function qn(e){this._context=e}qn.prototype={_radius:4.5,pointRadius:function(e){return this._radius=e,this},polygonStart:function(){this._line=0},polygonEnd:function(){this._line=NaN},lineStart:function(){this._point=0},lineEnd:function(){0===this._line&&this._context.closePath(),this._point=NaN},point:function(e,t){switch(this._point){case 0:this._context.moveTo(e,t),this._point=1;break;case 1:this._context.lineTo(e,t);break;default:this._context.moveTo(e+this._radius,t),this._context.arc(e,t,this._radius,0,u)}},result:M};var Vn,Hn,Wn,$n,Gn,Kn=new r,Yn={point:M,lineStart:function(){Yn.point=Xn},lineEnd:function(){Vn&&Zn(Hn,Wn),Yn.point=M},polygonStart:function(){Vn=!0},polygonEnd:function(){Vn=null},result:function(){var e=+Kn;return Kn=new r,e}};function Xn(e,t){Yn.point=Zn,Hn=$n=e,Wn=Gn=t}function Zn(e,t){$n-=e,Gn-=t,Kn.add(_($n*$n+Gn*Gn)),$n=e,Gn=t}const Jn=Yn;function er(){this._string=[]}function tr(e){return"m0,"+e+"a"+e+","+e+" 0 1,1 0,"+-2*e+"a"+e+","+e+" 0 1,1 0,"+2*e+"z"}function nr(e,t){var n,r,i=4.5;function o(e){return e&&("function"===typeof i&&r.pointRadius(+i.apply(this,arguments)),T(e,n(r))),r.result()}return o.area=function(e){return T(e,n(dn)),dn.result()},o.measure=function(e){return T(e,n(Jn)),Jn.result()},o.bounds=function(e){return T(e,n(yn)),yn.result()},o.centroid=function(e){return T(e,n(Bn)),Bn.result()},o.projection=function(t){return arguments.length?(n=null==t?(e=null,Jt):(e=t).stream,o):e},o.context=function(e){return arguments.length?(r=null==e?(t=null,new er):new qn(t=e),"function"!==typeof i&&r.pointRadius(i),o):t},o.pointRadius=function(e){return arguments.length?(i="function"===typeof e?e:(r.pointRadius(+e),+e),o):i},o.projection(e).context(t)}function rr(e){return{stream:ir(e)}}function ir(e){return function(t){var n=new or;for(var r in e)n[r]=e[r];return n.stream=t,n}}function or(){}function ar(e,t,n){var r=e.clipExtent&&e.clipExtent();return e.scale(150).translate([0,0]),null!=r&&e.clipExtent(null),T(n,e.stream(yn)),t(yn.result()),null!=r&&e.clipExtent(r),e}function sr(e,t,n){return ar(e,(function(n){var r=t[1][0]-t[0][0],i=t[1][1]-t[0][1],o=Math.min(r/(n[1][0]-n[0][0]),i/(n[1][1]-n[0][1])),a=+t[0][0]+(r-o*(n[1][0]+n[0][0]))/2,s=+t[0][1]+(i-o*(n[1][1]+n[0][1]))/2;e.scale(150*o).translate([a,s])}),n)}function lr(e,t,n){return sr(e,[[0,0],t],n)}function ur(e,t,n){return ar(e,(function(n){var r=+t,i=r/(n[1][0]-n[0][0]),o=(r-i*(n[1][0]+n[0][0]))/2,a=-i*n[0][1];e.scale(150*i).translate([o,a])}),n)}function cr(e,t,n){return ar(e,(function(n){var r=+t,i=r/(n[1][1]-n[0][1]),o=-i*n[0][0],a=(r-i*(n[1][1]+n[0][1]))/2;e.scale(150*i).translate([o,a])}),n)}er.prototype={_radius:4.5,_circle:tr(4.5),pointRadius:function(e){return(e=+e)!==this._radius&&(this._radius=e,this._circle=null),this},polygonStart:function(){this._line=0},polygonEnd:function(){this._line=NaN},lineStart:function(){this._point=0},lineEnd:function(){0===this._line&&this._string.push("Z"),this._point=NaN},point:function(e,t){switch(this._point){case 0:this._string.push("M",e,",",t),this._point=1;break;case 1:this._string.push("L",e,",",t);break;default:null==this._circle&&(this._circle=tr(this._radius)),this._string.push("M",e,",",t,this._circle)}},result:function(){if(this._string.length){var e=this._string.join("");return this._string=[],e}return null}},or.prototype={constructor:or,point:function(e,t){this.stream.point(e,t)},sphere:function(){this.stream.sphere()},lineStart:function(){this.stream.lineStart()},lineEnd:function(){this.stream.lineEnd()},polygonStart:function(){this.stream.polygonStart()},polygonEnd:function(){this.stream.polygonEnd()}};var fr=16,dr=m(30*f);function hr(e,t){return+t?function(e,t){function n(r,o,a,s,l,u,c,f,h,m,v,g,y,b){var w=c-r,S=f-o,x=w*w+S*S;if(x>4*t&&y--){var k=s+m,E=l+v,C=u+g,M=_(k*k+E*E+C*C),N=P(C/=M),O=d(d(C)-1)t||d((w*T+S*I)/x-.5)>.3||s*m+l*v+u*g2?e[2]%360*f:0,j()):[y*c,b*c,w*c]},O.angle=function(e){return arguments.length?(S=e%360*f,j()):S*c},O.reflectX=function(e){return arguments.length?(x=e?-1:1,j()):x<0},O.reflectY=function(e){return arguments.length?(k=e?-1:1,j()):k<0},O.precision=function(e){return arguments.length?(a=hr(s,N=e*e),R()):_(N)},O.fitExtent=function(e,t){return sr(O,e,t)},O.fitSize=function(e,t){return lr(O,e,t)},O.fitWidth=function(e,t){return ur(O,e,t)},O.fitHeight=function(e,t){return cr(O,e,t)},function(){return t=e.apply(this,arguments),O.invert=t.invert&&A,j()}}function yr(e){var t=0,n=a/3,r=gr(e),i=r(t,n);return i.parallels=function(e){return arguments.length?r(t=e[0]*f,n=e[1]*f):[t*c,n*c]},i}function br(e,t){var n=S(e),r=(n+S(t))/2;if(d(r)=.12&&i<.234&&r>=-.425&&r<-.214?l:i>=.166&&i<.234&&r>=-.214&&r<-.115?u:s).invert(e)},f.stream=function(n){return e&&t===n?e:e=function(e){var t=e.length;return{point:function(n,r){for(var i=-1;++i0?t<-s+i&&(t=-s+i):t>s-i&&(t=s-i);var n=o/w(jr(t),r);return[n*S(r*e),o-n*m(r*e)]}return l.invert=function(e,t){var n=o-t,i=x(r)*_(e*e+n*n),l=p(e,d(n))*x(n);return n*r<0&&(l-=a*x(e)*x(n)),[l/r,2*h(w(o/i,1/r))-s]},l}function Tr(){return yr(Rr).scale(109.5).parallels([30,30])}function Ir(e,t){return[e,t]}function zr(){return vr(Ir).scale(152.63)}function Lr(e,t){var n=m(e),r=e===t?S(e):(n-m(t))/(t-e),o=n/r+e;if(d(r)2?e[2]+90:90]):[(e=n())[0],e[1],e[2]-90]},n([0,0,90]).scale(159.155)}Vr.invert=function(e,t){for(var n,r=t,i=r*r,a=i*i*i,s=0;s<12&&(a=(i=(r-=n=(r*(Dr+Ur*i+a*(Qr+Br*i))-t)/(Dr+3*Ur*i+a*(7*Qr+9*Br*i)))*r)*i*i,!(d(n)i&&--o>0);return[e/(.8707+(a=r*r)*(a*(a*a*a*(.003971-.001529*a)-.013791)-.131979)),r]},Xr.invert=kr(P),Jr.invert=kr((function(e){return 2*h(e)})),ti.invert=function(e,t){return[-t,2*h(g(e))-s]}},1382:(e,t,n)=>{"use strict";function r(e){return"object"===typeof e&&"length"in e?e:Array.from(e)}n.d(t,{A:()=>r})},1359:(e,t,n)=>{"use strict";n.d(t,{A:()=>s});var r=n(6084),i=n(2859);function o(e){return function(){var t=this.ownerDocument,n=this.namespaceURI;return n===i.g&&t.documentElement.namespaceURI===i.g?t.createElement(e):t.createElementNS(n,e)}}function a(e){return function(){return this.ownerDocument.createElementNS(e.space,e.local)}}function s(e){var t=(0,r.A)(e);return(t.local?a:o)(t)}},7831:(e,t,n)=>{"use strict";n.r(t),n.d(t,{create:()=>o,creator:()=>r.A,local:()=>s,matcher:()=>u.A,namespace:()=>c.A,namespaces:()=>f.A,pointer:()=>d.A,pointers:()=>p,select:()=>i.A,selectAll:()=>g,selection:()=>v.Ay,selector:()=>y.A,selectorAll:()=>b.A,style:()=>w.j,window:()=>S.A});var r=n(1359),i=n(3719);function o(e){return(0,i.A)((0,r.A)(e).call(document.documentElement))}var a=0;function s(){return new l}function l(){this._="@"+(++a).toString(36)}l.prototype=s.prototype={constructor:l,get:function(e){for(var t=this._;!(t in e);)if(!(e=e.parentNode))return;return e[t]},set:function(e,t){return e[this._]=t},remove:function(e){return this._ in e&&delete e[this._]},toString:function(){return this._}};var u=n(2973),c=n(6084),f=n(2859),d=n(8994),h=n(3460);function p(e,t){return e.target&&(e=(0,h.A)(e),void 0===t&&(t=e.currentTarget),e=e.touches||[e]),Array.from(e,(e=>(0,d.A)(e,t)))}var m=n(1382),v=n(3036);function g(e){return"string"===typeof e?new v.LN([document.querySelectorAll(e)],[document.documentElement]):new v.LN([null==e?[]:(0,m.A)(e)],v.zr)}var y=n(3614),b=n(155),w=n(1443),S=n(8683)},2973:(e,t,n)=>{"use strict";function r(e){return function(){return this.matches(e)}}function i(e){return function(t){return t.matches(e)}}n.d(t,{A:()=>r,j:()=>i})},6084:(e,t,n)=>{"use strict";n.d(t,{A:()=>i});var r=n(2859);function i(e){var t=e+="",n=t.indexOf(":");return n>=0&&"xmlns"!==(t=e.slice(0,n))&&(e=e.slice(n+1)),r.A.hasOwnProperty(t)?{space:r.A[t],local:e}:e}},2859:(e,t,n)=>{"use strict";n.d(t,{A:()=>i,g:()=>r});var r="http://www.w3.org/1999/xhtml";const i={svg:"http://www.w3.org/2000/svg",xhtml:r,xlink:"http://www.w3.org/1999/xlink",xml:"http://www.w3.org/XML/1998/namespace",xmlns:"http://www.w3.org/2000/xmlns/"}},8994:(e,t,n)=>{"use strict";n.d(t,{A:()=>i});var r=n(3460);function i(e,t){if(e=(0,r.A)(e),void 0===t&&(t=e.currentTarget),t){var n=t.ownerSVGElement||t;if(n.createSVGPoint){var i=n.createSVGPoint();return i.x=e.clientX,i.y=e.clientY,[(i=i.matrixTransform(t.getScreenCTM().inverse())).x,i.y]}if(t.getBoundingClientRect){var o=t.getBoundingClientRect();return[e.clientX-o.left-t.clientLeft,e.clientY-o.top-t.clientTop]}}return[e.pageX,e.pageY]}},3719:(e,t,n)=>{"use strict";n.d(t,{A:()=>i});var r=n(3036);function i(e){return"string"===typeof e?new r.LN([[document.querySelector(e)]],[document.documentElement]):new r.LN([[e]],r.zr)}},3036:(e,t,n)=>{"use strict";n.d(t,{LN:()=>ne,Ay:()=>ie,zr:()=>te});var r=n(3614);var i=n(1382),o=n(155);var a=n(2973),s=Array.prototype.find;function l(){return this.firstElementChild}var u=Array.prototype.filter;function c(){return this.children}function f(e){return new Array(e.length)}function d(e,t){this.ownerDocument=e.ownerDocument,this.namespaceURI=e.namespaceURI,this._next=null,this._parent=e,this.__data__=t}function h(e,t,n,r,i,o){for(var a,s=0,l=t.length,u=o.length;st?1:e>=t?0:NaN}d.prototype={constructor:d,appendChild:function(e){return this._parent.insertBefore(e,this._next)},insertBefore:function(e,t){return this._parent.insertBefore(e,t)},querySelector:function(e){return this._parent.querySelector(e)},querySelectorAll:function(e){return this._parent.querySelectorAll(e)}};var g=n(6084);function y(e){return function(){this.removeAttribute(e)}}function b(e){return function(){this.removeAttributeNS(e.space,e.local)}}function w(e,t){return function(){this.setAttribute(e,t)}}function S(e,t){return function(){this.setAttributeNS(e.space,e.local,t)}}function x(e,t){return function(){var n=t.apply(this,arguments);null==n?this.removeAttribute(e):this.setAttribute(e,n)}}function _(e,t){return function(){var n=t.apply(this,arguments);null==n?this.removeAttributeNS(e.space,e.local):this.setAttributeNS(e.space,e.local,n)}}var k=n(1443);function E(e){return function(){delete this[e]}}function P(e,t){return function(){this[e]=t}}function C(e,t){return function(){var n=t.apply(this,arguments);null==n?delete this[e]:this[e]=n}}function M(e){return e.trim().split(/^|\s+/)}function N(e){return e.classList||new O(e)}function O(e){this._node=e,this._names=M(e.getAttribute("class")||"")}function A(e,t){for(var n=N(e),r=-1,i=t.length;++r=0&&(this._names.splice(t,1),this._node.setAttribute("class",this._names.join(" ")))},contains:function(e){return this._names.indexOf(e)>=0}};var V=n(1359);function H(){return null}function W(){var e=this.parentNode;e&&e.removeChild(this)}function $(){var e=this.cloneNode(!1),t=this.parentNode;return t?t.insertBefore(e,this.nextSibling):e}function G(){var e=this.cloneNode(!0),t=this.parentNode;return t?t.insertBefore(e,this.nextSibling):e}function K(e){return function(){var t=this.__on;if(t){for(var n,r=0,i=-1,o=t.length;r=E&&(E=k+1);!(_=S[E])&&++E=0;)(r=i[o])&&(a&&4^r.compareDocumentPosition(a)&&a.parentNode.insertBefore(r,a),a=r);return this},sort:function(e){function t(t,n){return t&&n?e(t.__data__,n.__data__):!t-!n}e||(e=v);for(var n=this._groups,r=n.length,i=new Array(r),o=0;o1?this.each((null==t?E:"function"===typeof t?C:P)(e,t)):this.node()[e]},classed:function(e,t){var n=M(e+"");if(arguments.length<2){for(var r=N(this.node()),i=-1,o=n.length;++i=0&&(t=e.slice(n+1),e=e.slice(0,n)),{type:e,name:t}}))}(e+""),a=o.length;if(!(arguments.length<2)){for(s=t?Y:K,r=0;r{"use strict";n.d(t,{A:()=>s,j:()=>l});var r=n(8683);function i(e){return function(){this.style.removeProperty(e)}}function o(e,t,n){return function(){this.style.setProperty(e,t,n)}}function a(e,t,n){return function(){var r=t.apply(this,arguments);null==r?this.style.removeProperty(e):this.style.setProperty(e,r,n)}}function s(e,t,n){return arguments.length>1?this.each((null==t?i:"function"===typeof t?a:o)(e,t,null==n?"":n)):l(this.node(),e)}function l(e,t){return e.style.getPropertyValue(t)||(0,r.A)(e).getComputedStyle(e,null).getPropertyValue(t)}},3614:(e,t,n)=>{"use strict";function r(){}function i(e){return null==e?r:function(){return this.querySelector(e)}}n.d(t,{A:()=>i})},155:(e,t,n)=>{"use strict";function r(){return[]}function i(e){return null==e?r:function(){return this.querySelectorAll(e)}}n.d(t,{A:()=>i})},3460:(e,t,n)=>{"use strict";function r(e){let t;for(;t=e.sourceEvent;)e=t;return e}n.d(t,{A:()=>r})},8683:(e,t,n)=>{"use strict";function r(e){return e.ownerDocument&&e.ownerDocument.defaultView||e.document&&e||e.defaultView}n.d(t,{A:()=>r})},7244:(e,t,n)=>{"use strict";n.r(t),n.d(t,{zoom:()=>Et,zoomIdentity:()=>mt,zoomTransform:()=>vt});var r={value:()=>{}};function i(){for(var e,t=0,n=arguments.length,r={};t=0&&(t=e.slice(n+1),e=e.slice(0,n)),e&&!r.hasOwnProperty(e))throw new Error("unknown type: "+e);return{type:e,name:t}}))),l=-1,u=o.length;if(!(arguments.length<2)){if(null!=t&&"function"!==typeof t)throw new Error("invalid callback: "+t);for(;++l0)for(var n,r,i=new Array(n),o=0;o=0&&t._call.call(null,e),t=t._next;--g}()}finally{g=0,function(){var e,t,n=h,r=1/0;for(;n;)n._call?(r>n._time&&(r=n._time),e=n,n=n._next):(t=n._next,n._next=null,n=e?e._next=t:h=t);p=e,A(r)}(),S=0}}function O(){var e=_.now(),t=e-w;t>1e3&&(x-=t,w=e)}function A(e){g||(y&&(y=clearTimeout(y)),e-S>24?(e<1/0&&(y=setTimeout(N,e-_.now()-x)),b&&(b=clearInterval(b))):(b||(w=_.now(),b=setInterval(O,1e3)),g=1,k(N)))}function j(e,t,n){var r=new C;return t=null==t?0:+t,r.restart((n=>{r.stop(),e(n+t)}),t,n),r}C.prototype=M.prototype={constructor:C,restart:function(e,t,n){if("function"!==typeof e)throw new TypeError("callback is not a function");n=(null==n?E():+n)+(null==t?0:+t),this._next||p===this||(p?p._next=this:h=this,p=this),this._call=e,this._time=n,A()},stop:function(){this._call&&(this._call=null,this._time=1/0,A())}};var R=l("start","end","cancel","interrupt"),T=[],I=2,z=5,L=6;function F(e,t,n,r,i,o){var a=e.__transition;if(a){if(n in a)return}else e.__transition={};!function(e,t,n){var r,i=e.__transition;function o(e){n.state=1,n.timer.restart(a,n.delay,n.time),n.delay<=e&&a(e-n.delay)}function a(o){var u,c,f,d;if(1!==n.state)return l();for(u in i)if((d=i[u]).name===n.name){if(3===d.state)return j(a);4===d.state?(d.state=L,d.timer.stop(),d.on.call("interrupt",e,e.__data__,d.index,d.group),delete i[u]):+u0)throw new Error("too late; already scheduled");return n}function U(e,t){var n=Q(e,t);if(n.state>3)throw new Error("too late; already running");return n}function Q(e,t){var n=e.__transition;if(!n||!(n=n[t]))throw new Error("transition not found");return n}function B(e,t){var n,r,i,o=e.__transition,a=!0;if(o){for(i in t=null==t?null:t+"",o)(n=o[i]).name===t?(r=n.state>I&&n.state180?t+=360:t-e>180&&(e+=360),o.push({i:n.push(i(n)+"rotate(",null,r)-2,x:q(e,t)})):t&&n.push(i(n)+"rotate("+t+r)}(o.rotate,a.rotate,s,l),function(e,t,n,o){e!==t?o.push({i:n.push(i(n)+"skewX(",null,r)-2,x:q(e,t)}):t&&n.push(i(n)+"skewX("+t+r)}(o.skewX,a.skewX,s,l),function(e,t,n,r,o,a){if(e!==n||t!==r){var s=o.push(i(o)+"scale(",null,",",null,")");a.push({i:s-4,x:q(e,n)},{i:s-2,x:q(t,r)})}else 1===n&&1===r||o.push(i(o)+"scale("+n+","+r+")")}(o.scaleX,o.scaleY,a.scaleX,a.scaleY,s,l),o=a=null,function(e){for(var t,n=-1,r=l.length;++n>8&15|t>>4&240,t>>4&15|240&t,(15&t)<<4|15&t,1):8===n?Se(t>>24&255,t>>16&255,t>>8&255,(255&t)/255):4===n?Se(t>>12&15|t>>8&240,t>>8&15|t>>4&240,t>>4&15|240&t,((15&t)<<4|15&t)/255):null):(t=ce.exec(e))?new _e(t[1],t[2],t[3],1):(t=fe.exec(e))?new _e(255*t[1]/100,255*t[2]/100,255*t[3]/100,1):(t=de.exec(e))?Se(t[1],t[2],t[3],t[4]):(t=he.exec(e))?Se(255*t[1]/100,255*t[2]/100,255*t[3]/100,t[4]):(t=pe.exec(e))?Ce(t[1],t[2]/100,t[3]/100,1):(t=me.exec(e))?Ce(t[1],t[2]/100,t[3]/100,t[4]):ve.hasOwnProperty(e)?we(ve[e]):"transparent"===e?new _e(NaN,NaN,NaN,0):null}function we(e){return new _e(e>>16&255,e>>8&255,255&e,1)}function Se(e,t,n,r){return r<=0&&(e=t=n=NaN),new _e(e,t,n,r)}function xe(e,t,n,r){return 1===arguments.length?((i=e)instanceof re||(i=be(i)),i?new _e((i=i.rgb()).r,i.g,i.b,i.opacity):new _e):new _e(e,t,n,null==r?1:r);var i}function _e(e,t,n,r){this.r=+e,this.g=+t,this.b=+n,this.opacity=+r}function ke(){return"#"+Pe(this.r)+Pe(this.g)+Pe(this.b)}function Ee(){var e=this.opacity;return(1===(e=isNaN(e)?1:Math.max(0,Math.min(1,e)))?"rgb(":"rgba(")+Math.max(0,Math.min(255,Math.round(this.r)||0))+", "+Math.max(0,Math.min(255,Math.round(this.g)||0))+", "+Math.max(0,Math.min(255,Math.round(this.b)||0))+(1===e?")":", "+e+")")}function Pe(e){return((e=Math.max(0,Math.min(255,Math.round(e)||0)))<16?"0":"")+e.toString(16)}function Ce(e,t,n,r){return r<=0?e=t=n=NaN:n<=0||n>=1?e=t=NaN:t<=0&&(e=NaN),new Ne(e,t,n,r)}function Me(e){if(e instanceof Ne)return new Ne(e.h,e.s,e.l,e.opacity);if(e instanceof re||(e=be(e)),!e)return new Ne;if(e instanceof Ne)return e;var t=(e=e.rgb()).r/255,n=e.g/255,r=e.b/255,i=Math.min(t,n,r),o=Math.max(t,n,r),a=NaN,s=o-i,l=(o+i)/2;return s?(a=t===o?(n-r)/s+6*(n0&&l<1?0:a,new Ne(a,s,l,e.opacity)}function Ne(e,t,n,r){this.h=+e,this.s=+t,this.l=+n,this.opacity=+r}function Oe(e,t,n){return 255*(e<60?t+(n-t)*e/60:e<180?n:e<240?t+(n-t)*(240-e)/60:t)}function Ae(e,t,n,r,i){var o=e*e,a=o*e;return((1-3*e+3*o-a)*t+(4-6*o+3*a)*n+(1+3*e+3*o-3*a)*r+a*i)/6}te(re,be,{copy:function(e){return Object.assign(new this.constructor,this,e)},displayable:function(){return this.rgb().displayable()},hex:ge,formatHex:ge,formatHsl:function(){return Me(this).formatHsl()},formatRgb:ye,toString:ye}),te(_e,xe,ne(re,{brighter:function(e){return e=null==e?oe:Math.pow(oe,e),new _e(this.r*e,this.g*e,this.b*e,this.opacity)},darker:function(e){return e=null==e?ie:Math.pow(ie,e),new _e(this.r*e,this.g*e,this.b*e,this.opacity)},rgb:function(){return this},displayable:function(){return-.5<=this.r&&this.r<255.5&&-.5<=this.g&&this.g<255.5&&-.5<=this.b&&this.b<255.5&&0<=this.opacity&&this.opacity<=1},hex:ke,formatHex:ke,formatRgb:Ee,toString:Ee})),te(Ne,(function(e,t,n,r){return 1===arguments.length?Me(e):new Ne(e,t,n,null==r?1:r)}),ne(re,{brighter:function(e){return e=null==e?oe:Math.pow(oe,e),new Ne(this.h,this.s,this.l*e,this.opacity)},darker:function(e){return e=null==e?ie:Math.pow(ie,e),new Ne(this.h,this.s,this.l*e,this.opacity)},rgb:function(){var e=this.h%360+360*(this.h<0),t=isNaN(e)||isNaN(this.s)?0:this.s,n=this.l,r=n+(n<.5?n:1-n)*t,i=2*n-r;return new _e(Oe(e>=240?e-240:e+120,i,r),Oe(e,i,r),Oe(e<120?e+240:e-120,i,r),this.opacity)},displayable:function(){return(0<=this.s&&this.s<=1||isNaN(this.s))&&0<=this.l&&this.l<=1&&0<=this.opacity&&this.opacity<=1},formatHsl:function(){var e=this.opacity;return(1===(e=isNaN(e)?1:Math.max(0,Math.min(1,e)))?"hsl(":"hsla(")+(this.h||0)+", "+100*(this.s||0)+"%, "+100*(this.l||0)+"%"+(1===e?")":", "+e+")")}}));const je=e=>()=>e;function Re(e,t){return function(n){return e+n*t}}function Te(e){return 1===(e=+e)?Ie:function(t,n){return n-t?function(e,t,n){return e=Math.pow(e,n),t=Math.pow(t,n)-e,n=1/n,function(r){return Math.pow(e+r*t,n)}}(t,n,e):je(isNaN(t)?n:t)}}function Ie(e,t){var n=t-e;return n?Re(e,n):je(isNaN(e)?t:e)}const ze=function e(t){var n=Te(t);function r(e,t){var r=n((e=xe(e)).r,(t=xe(t)).r),i=n(e.g,t.g),o=n(e.b,t.b),a=Ie(e.opacity,t.opacity);return function(t){return e.r=r(t),e.g=i(t),e.b=o(t),e.opacity=a(t),e+""}}return r.gamma=e,r}(1);function Le(e){return function(t){var n,r,i=t.length,o=new Array(i),a=new Array(i),s=new Array(i);for(n=0;n=1?(n=1,t-1):Math.floor(n*t),i=e[r],o=e[r+1],a=r>0?e[r-1]:2*i-o,s=ro&&(i=t.slice(o,i),s[a]?s[a]+=i:s[++a]=i),(n=n[0])===(r=r[0])?s[a]?s[a]+=r:s[++a]=r:(s[++a]=null,l.push({i:a,x:q(n,r)})),o=De.lastIndex;return o=0&&(e=e.slice(0,t)),!e||"start"===e}))}(t)?D:U;return function(){var a=o(this,e),s=a.on;s!==r&&(i=(r=s).copy()).on(t,n),a.on=i}}(n,e,t))},attr:function(e,t){var n=(0,X.A)(e),r="transform"===n?Y:Qe;return this.attrTween(e,"function"===typeof t?(n.local?$e:We)(n,r,ee(this,"attr."+e,t)):null==t?(n.local?qe:Be)(n):(n.local?He:Ve)(n,r,t))},attrTween:function(e,t){var n="attr."+e;if(arguments.length<2)return(n=this.tween(n))&&n._value;if(null==t)return this.tween(n,null);if("function"!==typeof t)throw new Error;var r=(0,X.A)(e);return this.tween(n,(r.local?Ge:Ke)(r,t))},style:function(e,t,n){var r="transform"===(e+="")?K:Qe;return null==t?this.styleTween(e,function(e,t){var n,r,i;return function(){var o=(0,it.j)(this,e),a=(this.style.removeProperty(e),(0,it.j)(this,e));return o===a?null:o===n&&a===r?i:i=t(n=o,r=a)}}(e,r)).on("end.style."+e,ot(e)):"function"===typeof t?this.styleTween(e,function(e,t,n){var r,i,o;return function(){var a=(0,it.j)(this,e),s=n(this),l=s+"";return null==s&&(this.style.removeProperty(e),l=s=(0,it.j)(this,e)),a===l?null:a===r&&l===i?o:(i=l,o=t(r=a,s))}}(e,r,ee(this,"style."+e,t))).each(function(e,t){var n,r,i,o,a="style."+t,s="end."+a;return function(){var l=U(this,e),u=l.on,c=null==l.value[a]?o||(o=ot(t)):void 0;u===n&&i===c||(r=(n=u).copy()).on(s,i=c),l.on=r}}(this._id,e)):this.styleTween(e,function(e,t,n){var r,i,o=n+"";return function(){var a=(0,it.j)(this,e);return a===o?null:a===r?i:i=t(r=a,n)}}(e,r,t),n).on("end.style."+e,null)},styleTween:function(e,t,n){var r="style."+(e+="");if(arguments.length<2)return(r=this.tween(r))&&r._value;if(null==t)return this.tween(r,null);if("function"!==typeof t)throw new Error;return this.tween(r,function(e,t,n){var r,i;function o(){var o=t.apply(this,arguments);return o!==i&&(r=(i=o)&&function(e,t,n){return function(r){this.style.setProperty(e,t.call(this,r),n)}}(e,o,n)),r}return o._value=t,o}(e,t,null==n?"":n))},text:function(e){return this.tween("text","function"===typeof e?function(e){return function(){var t=e(this);this.textContent=null==t?"":t}}(ee(this,"text",e)):function(e){return function(){this.textContent=e}}(null==e?"":e+""))},textTween:function(e){var t="text";if(arguments.length<1)return(t=this.tween(t))&&t._value;if(null==e)return this.tween(t,null);if("function"!==typeof e)throw new Error;return this.tween(t,function(e){var t,n;function r(){var r=e.apply(this,arguments);return r!==n&&(t=(n=r)&&function(e){return function(t){this.textContent=e.call(this,t)}}(r)),t}return r._value=e,r}(e))},remove:function(){return this.on("end.remove",function(e){return function(){var t=this.parentNode;for(var n in this.__transition)if(+n!==e)return;t&&t.removeChild(this)}}(this._id))},tween:function(e,t){var n=this._id;if(e+="",arguments.length<2){for(var r,i=Q(this.node(),n).tween,o=0,a=i.length;o()=>e;function ht(e,t){let{sourceEvent:n,target:r,transform:i,dispatch:o}=t;Object.defineProperties(this,{type:{value:e,enumerable:!0,configurable:!0},sourceEvent:{value:n,enumerable:!0,configurable:!0},target:{value:r,enumerable:!0,configurable:!0},transform:{value:i,enumerable:!0,configurable:!0},_:{value:o}})}function pt(e,t,n){this.k=e,this.x=t,this.y=n}pt.prototype={constructor:pt,scale:function(e){return 1===e?this:new pt(this.k*e,this.x,this.y)},translate:function(e,t){return 0===e&0===t?this:new pt(this.k,this.x+this.k*e,this.y+this.k*t)},apply:function(e){return[e[0]*this.k+this.x,e[1]*this.k+this.y]},applyX:function(e){return e*this.k+this.x},applyY:function(e){return e*this.k+this.y},invert:function(e){return[(e[0]-this.x)/this.k,(e[1]-this.y)/this.k]},invertX:function(e){return(e-this.x)/this.k},invertY:function(e){return(e-this.y)/this.k},rescaleX:function(e){return e.copy().domain(e.range().map(this.invertX,this).map(e.invert,e))},rescaleY:function(e){return e.copy().domain(e.range().map(this.invertY,this).map(e.invert,e))},toString:function(){return"translate("+this.x+","+this.y+") scale("+this.k+")"}};var mt=new pt(1,0,0);function vt(e){for(;!e.__zoom;)if(!(e=e.parentNode))return mt;return e.__zoom}function gt(e){e.stopImmediatePropagation()}function yt(e){e.preventDefault(),e.stopImmediatePropagation()}function bt(e){return(!e.ctrlKey||"wheel"===e.type)&&!e.button}function wt(){var e=this;return e instanceof SVGElement?(e=e.ownerSVGElement||e).hasAttribute("viewBox")?[[(e=e.viewBox.baseVal).x,e.y],[e.x+e.width,e.y+e.height]]:[[0,0],[e.width.baseVal.value,e.height.baseVal.value]]:[[0,0],[e.clientWidth,e.clientHeight]]}function St(){return this.__zoom||mt}function xt(e){return-e.deltaY*(1===e.deltaMode?.05:e.deltaMode?1:.002)*(e.ctrlKey?10:1)}function _t(){return navigator.maxTouchPoints||"ontouchstart"in this}function kt(e,t,n){var r=e.invertX(t[0][0])-n[0][0],i=e.invertX(t[1][0])-n[1][0],o=e.invertY(t[0][1])-n[0][1],a=e.invertY(t[1][1])-n[1][1];return e.translate(i>r?(r+i)/2:Math.min(0,r)||Math.max(0,i),a>o?(o+a)/2:Math.min(0,o)||Math.max(0,a))}function Et(){var e,t,n,r=bt,i=wt,o=kt,a=xt,s=_t,f=[0,1/0],h=[[-1/0,-1/0],[1/0,1/0]],p=250,v=d,g=l("start","zoom","end"),y=0,b=10;function w(e){e.property("__zoom",St).on("wheel.zoom",C).on("mousedown.zoom",M).on("dblclick.zoom",N).filter(s).on("touchstart.zoom",O).on("touchmove.zoom",A).on("touchend.zoom touchcancel.zoom",j).style("-webkit-tap-highlight-color","rgba(0,0,0,0)")}function S(e,t){return(t=Math.max(f[0],Math.min(f[1],t)))===e.k?e:new pt(t,e.x,e.y)}function x(e,t,n){var r=t[0]-n[0]*e.k,i=t[1]-n[1]*e.k;return r===e.x&&i===e.y?e:new pt(e.k,r,i)}function _(e){return[(+e[0][0]+ +e[1][0])/2,(+e[0][1]+ +e[1][1])/2]}function k(e,t,n,r){e.on("start.zoom",(function(){E(this,arguments).event(r).start()})).on("interrupt.zoom end.zoom",(function(){E(this,arguments).event(r).end()})).tween("zoom",(function(){var e=this,o=arguments,a=E(e,o).event(r),s=i.apply(e,o),l=null==n?_(s):"function"===typeof n?n.apply(e,o):n,u=Math.max(s[1][0]-s[0][0],s[1][1]-s[0][1]),c=e.__zoom,f="function"===typeof t?t.apply(e,o):t,d=v(c.invert(l).concat(u/c.k),f.invert(l).concat(u/f.k));return function(e){if(1===e)e=f;else{var t=d(e),n=u/t[2];e=new pt(n,l[0]-t[0]*n,l[1]-t[1]*n)}a.zoom(null,e)}}))}function E(e,t,n){return!n&&e.__zooming||new P(e,t)}function P(e,t){this.that=e,this.args=t,this.active=0,this.sourceEvent=null,this.extent=i.apply(e,t),this.taps=0}function C(e){for(var t=arguments.length,n=new Array(t>1?t-1:0),i=1;i1?t-1:0),a=1;ay}s.event(e).zoom("mouse",o(x(s.that.__zoom,s.mouse[0]=(0,m.A)(e,d),s.mouse[1]),s.extent,h))}),!0).on("mouseup.zoom",(function(e){l.on("mousemove.zoom mouseup.zoom",null),function(e,t){var n=e.document.documentElement,r=(0,u.A)(e).on("dragstart.drag",null);t&&(r.on("click.drag",c,!0),setTimeout((function(){r.on("click.drag",null)}),0)),"onselectstart"in n?r.on("selectstart.drag",null):(n.style.MozUserSelect=n.__noselect,delete n.__noselect)}(e.view,s.moved),yt(e),s.event(e).end()}),!0),f=(0,m.A)(e,d),d=e.currentTarget,p=e.clientX,v=e.clientY;!function(e){var t=e.document.documentElement,n=(0,u.A)(e).on("dragstart.drag",c,!0);"onselectstart"in t?n.on("selectstart.drag",c,!0):(t.__noselect=t.style.MozUserSelect,t.style.MozUserSelect="none")}(e.view),gt(e),s.mouse=[f,this.__zoom.invert(f)],B(this),s.start()}}function N(e){for(var t=arguments.length,n=new Array(t>1?t-1:0),a=1;a0?(0,u.A)(this).transition().duration(p).call(k,d,l,e):(0,u.A)(this).call(w.transform,d,l,e)}}function O(n){for(var i=arguments.length,o=new Array(i>1?i-1:0),a=1;a1?t-1:0),r=1;r1?r-1:0),o=1;o{"use strict";var r=n(3218);function i(){}function o(){}o.resetWarningCache=i,e.exports=function(){function e(e,t,n,i,o,a){if(a!==r){var s=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw s.name="Invariant Violation",s}}function t(){return e}e.isRequired=e;var n={array:e,bigint:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:t,element:e,elementType:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t,exact:t,checkPropTypes:o,resetWarningCache:i};return n.PropTypes=n,n}},5173:(e,t,n)=>{e.exports=n(1497)()},3218:e=>{"use strict";e.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},2730:(e,t,n)=>{"use strict";var r=n(5043),i=n(8853);function o(e){for(var t="https://reactjs.org/docs/error-decoder.html?invariant="+e,n=1;n