#app[mobile=false] a:hover{color:inherit;text-decoration:underline}#app{--innerHeight:calc(100dvh - 4rem);height:var(--innerHeight);overflow:hidden;overflow-y:auto;width:100vw}#app[loading]:before{animation:loading 2s linear infinite;border:2px dashed var(--color-primary);border-radius:10em;border-top:2px dashed transparent;content:"";height:3em;left:50%;position:fixed;top:50%;transform:translate(-50%,-50%) rotate(0deg);width:3em;z-index:13}@keyframes loading{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}h1{font-size:2.25em;margin:2.5em auto .25em}h1,h1+p{text-align:center;width:-moz-fit-content;width:fit-content}h1+p{font-size:1.25em;margin:0 auto}div#map{height:calc(var(--innerHeight) - 14rem);margin:3.5rem auto 7rem;min-height:var(--innerHeight);position:relative;width:90vw}.countryMark{align-items:center;background:#fff;border:2px solid;display:grid;grid-template-areas:"svg b" "p p";grid-template-columns:auto 1fr;left:10em!important;padding:1em;pointer-events:none;top:5em!important;width:17em}.countryMark>svg{box-shadow:0 0 5px var(--border-color-darker);grid-area:svg;margin-right:1em;max-height:3rem;width:3rem}.countryMark>b{grid-area:b}.countryMark>p{grid-area:p;margin:1em 0 0}.compass-container{bottom:1em;left:1em;position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:1}.compass-container>svg{pointer-events:none}.scale{background:#fff;box-shadow:0 0 10px var(--border-color-darker);display:flex;flex-direction:column;padding:0 .5em;position:absolute;right:1em;top:4em;z-index:1}.scale>div{cursor:pointer}.scale>div[title=Magnification]{border-bottom:1px solid var(--border-color-darker)}.scale svg{height:3em;padding:.5em 0;width:2em}.scale svg path{fill:var(--text-color-primary)}#app[mobile=false] .scale>div:hover svg path{fill:var(--color-primary)}.page{box-sizing:border-box;padding:7rem 5vw;width:100vw}.page>h2{margin:0 auto;text-align:center;width:-moz-fit-content;width:fit-content}.page>h2:not(:has(+p)){margin-bottom:2rem}.page>h2:has(+p)+p{margin:1rem auto;text-align:center;width:-moz-fit-content;width:fit-content}.how-use-container{align-items:center;display:flex;gap:5em;justify-content:space-between;margin:3rem auto 0;width:70%}.how-use-item{-moz-column-gap:1em;column-gap:1em;display:grid;grid-template-areas:"a b" " a c";grid-template-columns:auto 1fr;grid-template-rows:auto 1fr}.how-use-item>div{background:var(--color-primary);border-radius:.5em;box-sizing:border-box;grid-area:a;height:4em;padding:.5em;width:4em}.how-use-item>h3{grid-area:b;margin:0}.how-use-item>p{grid-area:c;margin:1em 0 0}.how-use-item>div>img{height:100%;width:100%}.why-map{display:flex;justify-content:flex-end;margin:3rem auto 0;position:relative;width:90%}.why-map-text-container{background:#fff;border-top-right-radius:10rem;box-sizing:border-box;height:28rem;left:0;padding-right:6rem;position:absolute;top:1rem;width:60%;z-index:1}.why-map-text-container a{color:var(--link-color)!important}.why-map>img{border-bottom-left-radius:10rem;height:30rem;width:55%}.FAQs{margin:3rem auto 0;width:70%}.FAQ-item{border-bottom:1px solid var(--border-color-darker);margin-top:1rem;padding-bottom:1rem}.FAQ-item>h3{align-items:center;display:flex;justify-content:space-between;margin:0;position:relative}.FAQ-item>h3>svg{flex-shrink:0;height:1.5rem;pointer-events:none;transform:rotate(0deg);transition:transform .2s;width:1.5rem}.FAQ-item:has(input:checked)>h3>svg{transform:rotate(90deg)}.FAQ-item>h3>input{cursor:pointer;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%;z-index:1}.FAQ-item>div{display:grid;grid-template-rows:0fr;transition:grid-template-rows .2s}.FAQ-item:has(input:checked)>div{grid-template-rows:1fr}.FAQ-item>div>p{grid-row:1/10;margin:0;overflow:hidden;transition:margin .2s}.FAQ-item:has(input:checked)>div>p{margin:1rem 0 0}.try-product{background-image:url(../img/whyMap.webp);background-repeat:no-repeat;background-size:cover;box-sizing:border-box;color:#fff;font-size:1.5rem;margin:0 auto;padding:5rem;position:relative;text-align:center;width:81vw}.try-product:after{background:rgba(0,0,0,.5);content:"";height:100%;left:0;position:absolute;top:0;width:100%}.try-product>div,.try-product>h2,.try-product>p{position:relative;z-index:1}.try-product>div{background:linear-gradient(90deg,var(--color-primary),#19612b);border-radius:.5em;cursor:pointer;font-size:.8em;margin:4rem auto 0;padding:.5em 1em;width:-moz-fit-content;width:fit-content}svg.icon.compare-container-pop-open{background:#fff;border-radius:10rem;box-sizing:border-box;height:2rem;left:.5rem;opacity:0;padding:.2rem;pointer-events:none;position:absolute;top:.4em;width:2rem;z-index:1}.compare-container-pop{background:rgba(0,0,0,.7);border-radius:.5rem;box-sizing:border-box;color:#fff;font-size:1.05rem;left:2rem;padding:1rem;position:absolute;top:2rem;width:20rem;z-index:1}#app[mobile=false] .compare-container-pop[hide=true]{display:block!important}.compare-container-pop>p{margin:0}svg.icon.compare-container-pop-close{display:none;height:1.5rem;position:absolute;right:.15rem;top:.15rem;width:1.5rem}svg.icon.compare-container-pop-close path{fill:#fff}.compare-container-title a{color:var(--link-color);cursor:pointer}.compare-container-title a:hover{color:var(--link-color)!important}.compare-container{display:grid;gap:1rem 2.4rem;grid-template-areas:"a a" "b c";grid-template-columns:repeat(2,calc(50% - 1.2rem));margin-top:1.5rem;width:100%}.search-container{gap:.5rem;grid-area:a;width:100%}.reversal,.search-container{align-items:center;display:flex}.reversal{cursor:pointer;flex-direction:column}.reversal>svg{height:1rem;width:1rem}.reversal>svg path{fill:#fff}.countries-select{align-items:center;background:#fff;border-radius:.25rem;box-sizing:border-box;display:flex;height:2.5rem;justify-content:space-between;padding:0 .5rem;position:relative}.countries-select>input{border:none;box-sizing:border-box;color:#000;height:100%;outline:none;width:100%}.countries-select>svg{cursor:pointer;height:1.5rem;width:1.5rem}.countries-select>svg *{pointer-events:none}.countries-select-pop{left:0;position:absolute;top:100%}.countries-select-pop-inner{background:#fff;border-radius:.5rem;box-shadow:0 0 10px var(--border-color-darker);font-size:1rem;margin-top:.5rem;max-height:20rem;overflow:hidden;overflow-y:auto;width:15rem}.countries-select-option{align-items:center;border-top:1px solid var(--border-color-darker);color:var(--text-color-primary);cursor:pointer;display:flex;gap:.5em;justify-content:flex-start;padding:.5em;text-align:start}.countries-select-option *{pointer-events:none}#app[mobile=false] .countries-select-option:hover{background-color:var(--color-primary-light-9);color:var(--color-primary)}.countries-select-option .svg{box-shadow:0 0 5px var(--border-color-dark);display:flex;flex-shrink:0;width:2.25em}.countries-select-option .svg:is(:empty){background:var(--border-color-darker);height:1.5em}.countries-select-option .svg svg{height:100%;width:100%}.clear-map,.compare{background:var(--color-primary);border-radius:.25rem;box-sizing:border-box;color:#fff;cursor:pointer;grid-area:b;padding:.5rem 1rem;text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.clear-map{grid-area:c}.compare-container-h5{display:none;gap:1rem 2.4rem;grid-template-areas:"a a" "b c";grid-template-columns:repeat(2,calc(50% - 1.2rem));margin:3rem auto 0;position:relative;width:100%;width:90vw;z-index:3}.compare-container-h5 .countries-select-pop{left:50%;transform:translateX(-50%);width:100%}.compare-container-h5 .search-container{position:relative}.compare-container-h5 .reversal>svg path{fill:inherit}.compare-container-h5 .countries-select-pop-inner{width:100%}.compare-container-h5 .countries-select{border:1px solid var(--color-primary);height:2.5rem;position:unset}.compare-result-pop{background:#fff;border-radius:.5rem;box-shadow:0 0 10px var(--border-color-darker);display:none;font-size:1.15rem;left:50%;line-height:1.5;padding:1rem;position:absolute;top:50%;transform:translate(-50%,-50%);width:24rem;z-index:1}.compare-result-pop[active=true]{display:block}.compare-result-pop__title{align-items:center;display:flex;font-weight:700;justify-content:space-between}.compare-result-pop__title>svg{cursor:pointer;height:1.5rem;width:1.5rem}.share-social-medias{border-top:1px solid var(--border-color-darker);display:flex;gap:1rem;padding-top:1rem}.share-social-medias>a{background:var(--text-color-primary);border-radius:.25rem;box-sizing:border-box;cursor:pointer;height:2.25rem;padding:.4rem;width:2.25rem}.share-social-medias svg{height:100%;width:100%}.share-social-medias svg path{fill:#fff}.load-map-confirm-pop{background:#fff;border-radius:.5rem;box-shadow:0 0 10px var(--border-color-darker);left:50%;padding:1rem;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:1}.load-map-confirm-pop-title{align-items:center;display:flex;font-size:1.25rem;justify-content:space-between}.load-map-confirm-pop-close>svg{cursor:pointer;height:1.5rem;width:1.5rem}#app[mobile=false] .load-map-confirm-pop-close:hover>svg path{fill:var(--color-primary)}.load-map-confirm-pop-body{font-size:1.05rem;margin:2rem 0}.load-map-confirm-pop-footer{align-items:center;display:flex;font-size:1rem;gap:1rem;justify-content:flex-end}.load-map-confirm-pop-footer>div{background:var(--bg-color-page);border-radius:.25rem;cursor:pointer;padding:.5rem 1.5rem}.confirm{background:var(--color-primary)!important;color:#fff}.projection-style-selects{display:flex;gap:1em;padding:.5em 1em;position:absolute;right:0;top:0;z-index:2}.select{align-items:center;background:#fff;border-radius:.25rem;box-shadow:0 0 10px var(--border-color-darker);cursor:pointer;display:flex;gap:.7rem;padding:.5rem .7rem .5rem 1rem;position:relative;white-space:nowrap;width:7rem}.select>span{pointer-events:none;text-align:center;width:100%}.select>svg{flex-shrink:0;height:1.25rem;pointer-events:none;transform:rotate(0deg);transition:transform .2s;width:1.25rem}.select[active]>svg{transform:rotate(180deg)}.select-pop{cursor:default;display:grid;grid-template-rows:0fr;left:0;min-width:100%;padding-top:0;position:absolute;top:100%;transition:grid-template-rows .2s,padding-top .2s;z-index:1}.select[active] .select-pop{grid-template-rows:1fr;padding-top:.5rem}.select-pop-inner{background:#fff;border-radius:.25rem;box-shadow:0 0 10px var(--border-color-darker);grid-row:1/10;overflow:hidden}.select-option{cursor:pointer;padding:.5rem 1rem}#app[mobile=false] .select-option:hover{background:var(--color-success-light-9);color:var(--color-primary)}.operation-tutorial-gif-pop{background:rgba(0,0,0,.5);height:100%;left:0;position:absolute;top:0;width:100%;z-index:2}.operation-tutorial-gif__inner{background:#fff;border-radius:.5rem;box-sizing:border-box;left:50%;max-width:95vw;padding:1rem;position:relative;top:50%;transform:translate(-50%,-50%);width:-moz-fit-content;width:fit-content}.operation-tutorial-gif__title{font-size:1.5rem}.operation-tutorial-gif__video{border:none;height:20rem;margin:1rem 0;max-width:100%;width:40rem}.operation-tutorial-gif__footer{display:flex;gap:1rem;justify-content:flex-end;-webkit-user-select:none;-moz-user-select:none;user-select:none}.operation-tutorial-gif__btn{background:var(--bg-color-page);border-radius:.25rem;cursor:pointer;padding:.5rem 1rem}@media screen and (max-width:1300px){.how-use-container{width:90%}h1+p{width:75%}}@media screen and (max-width:900px){h1{font-size:2em}div#map{height:calc(var(--innerHeight) - 8rem);margin:1rem 0 7rem;min-height:unset;width:100%}.page{padding:5rem 5vw}.how-use-container{flex-wrap:wrap}.FAQs{width:100%}.try-product{font-size:1rem;padding:3rem 1rem;width:100%}.try-product>div{font-size:1em}.footer{padding:3rem 1rem}.footer-items{gap:2rem}.why-map-text-container{background:rgba(0,0,0,.5);border-radius:unset;color:#fff;height:-moz-fit-content;height:fit-content;padding:1rem;position:unset;width:100%}.why-map{width:100%}.why-map>img{border-radius:unset;height:100%;position:absolute;width:100%}svg.icon.compare-container-pop-open{opacity:1;pointer-events:unset}.compare-container-pop{left:.5rem;padding:1.5rem 1rem 1rem;top:.4em;width:12rem}svg.icon.compare-container-pop-close{display:block}.compare-container,.compare-container-pop>p{display:none}.compare-container-h5{display:grid}.compare-result-pop{font-size:1rem;width:19rem}.projection-style-selects{align-items:flex-end;flex-direction:column}.scale{top:8.5em}.load-map-confirm-pop-body{font-size:1rem;width:21rem}.load-map-confirm-pop-footer{font-size:.9rem}iframe.operation-tutorial-gif__video{max-height:50vh;width:100%}}