*,*:before,*:after{box-sizing:border-box}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin:0;padding:0}ul[role=list],ol[role=list]{list-style:none}body{min-height:100vh;line-height:1.5}h1,h2,h3,h4,button,input,label{line-height:1.1}h1,h2,h3,h4{text-wrap:balance}a:not([class]){text-decoration-skip-ink:auto;color:currentColor}img,picture{max-width:100%;display:block}input,button,textarea,select{font-family:inherit;font-size:inherit}textarea:not([rows]){min-height:10em}:target{scroll-margin-block:5ex}#app-header{position:fixed;display:flex;justify-content:space-evenly;width:100dvw;height:60px;z-index:10;right:0}#app-header>.header-nav{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;background:rgba(var(--template_shadows_opp),.1);border-radius:0 0 20px 20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);right:0;padding:10px 100px;animation:darkenHeader 1s linear both;animation-timeline:scroll();animation-range:0 100dvh}#app-header>.header-nav>.logo-container{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:5px;text-decoration:none;color:inherit;transition:scale .3s ease-in-out}#app-header>.header-nav>.logo-container>img{width:40px;height:40px}#app-header>.header-nav>.logo-container>h6{margin:0}#app-header>.header-nav>.logo-container:hover{scale:105%}.hamb-menu{flex:1 1 0;display:flex;justify-content:space-evenly}.hamb-button{display:none;padding:5px!important;width:fit-content!important;transition:scale .3s ease-in-out!important}.hamb-button>img{width:100%;filter:var(--filter-invert)}.hamb-button:hover{scale:105%}.nav-list{flex:1 1 0;padding:0;display:flex;flex-direction:row;justify-content:center;list-style:none;gap:20px}.nav-list>li{font-family:var(--Montserrat);font-weight:700;text-align:center}.nav-list>li>a{position:relative;display:inline-flex;text-decoration:none;overflow:hidden}.nav-list>li>a:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;background-color:var(--dark-gray);transform:translateY(100%);transition:transform .2s ease-in-out}.nav-list>li>a:hover:after{animation:linePassingBy .2s ease-in-out 1 forwards}.scheme-switcher{display:flex;position:relative;justify-content:center;align-items:center;gap:10px}.scheme-switcher>input{width:200px;height:fit-content;border-radius:5px}.scheme-switcher>#change-mode{outline:none;border:none;background:rgba(var(--template_shadows),.1);border-radius:9999px;padding:5px;transition:transform .3s ease-in-out,filter .3s ease-in-out}.scheme-switcher>#change-mode:hover{transform:scale(1.05);filter:brightness(110%);cursor:pointer}.scheme-switcher>#change-mode>img{filter:var(--filter-invert)}#input-result{position:absolute;max-height:400px;width:400px;scale:1;overflow-y:scroll;top:100%;left:0;-ms-overflow-style:none;scrollbar-width:none}#input-result::-webkit-scrollbar{display:none}#input-result>.country-result{width:200px}#input-result>.country-result .country-flag{width:50px;height:auto}#input-result>.country-result>.country-info>h6{margin:0;font-size:.9em}#input-result>.country-result>.country-info>p{font-size:.7em}#input-result>.country-result>.country-cca3{font-size:.7em}@keyframes darkenHeader{0%{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(var(--template_shadows_opp),.1)}to{-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px);background:var(--light-gray)}}@keyframes linePassingBy{0%{transform:translateY(100%)}to{transform:translateY(-20%)}}@media (max-width: 768px){.header-nav{padding:10px 50px!important}.logo-container>img{width:20px!important;height:20px!important}.hamb-button{height:30px!important;width:30px!important}}@media (max-width: 1024px){.hamb-button{display:inline-flex;justify-content:center}.hamb-button:focus+.hamb-menu,.hamb-button:active+.hamb-menu,.hamb-button:focus-visible+.hamb-menu{transform:translate(0)}.hamb-menu{z-index:998!important;background-color:var(--white);height:100dvh;display:flex;flex-direction:column;justify-content:space-between!important;gap:30px!important;position:fixed;flex:0 0 1;top:0;right:0;transition:transform .5s ease-in-out;transform:translate(100%);box-shadow:4px 0 40px 10px rgba(var(--template_shadows_opp),.2);padding:10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hamb-menu:focus-within,.hamb-menu:focus{transform:translate(0)}.nav-list{margin-top:50px;flex:initial!important;display:flex;flex-direction:column;align-items:center}.scheme-switcher{display:flex;flex-direction:row;align-items:flex-end}.scheme-switcher>#change-mode{position:absolute!important;top:-95dvh;right:0;transform:translate(-25%,25%) scale(1)!important}.scheme-switcher>#change-mode:hover{transform:translate(-25%,25%) scale(1.05)!important}.scheme-switcher>input{background:rgba(var(--template_shadows_opp),.3)!important;border:2px solid var(--dark-gray)!important;color:var(--black)!important;width:170px!important;margin-bottom:10px}.scheme-switcher>input::placeholder{color:var(--black)!important;opacity:1!important}#input-result{top:0;display:flex;flex-direction:column-reverse;transform:translate(-5%,-100%)}}#app-footer{position:fixed;width:100dvw;height:0px;top:100%;right:0;background-color:red;box-shadow:0 0 100px 20px rgba(var(--template_shadows),1)}.visible,.invisible{transition:opacity .4s ease-in-out}.visible{opacity:1;pointer-events:inherit}.invisible{opacity:0;pointer-events:none}.primary-button,.secondary-button,input,select{width:180px;height:40px;border:0;background-color:var(--white);color:var(--black);font-family:var(--Default);font-size:16px;padding:5px;border-radius:5px;border:2px solid var(--light-gray);cursor:pointer}.primary-button{transition:border-color .2s ease-in-out;outline:none}.primary-button:hover{filter:brightness(110%)}.primary-button:focus{border-color:var(--primary-color);background-color:var(--secondary-color)}.secondary-button{border-color:rgba(var(--template_shadows),.5)!important;font-family:sans-serif;outline:none;border-radius:16px;padding-left:10px;background:rgba(var(--template_shadows_opp),.1);color:var(--dark-gray);border:1px solid rgba(var(--template_shadows),.4);transition:background .3s ease-in-out}.secondary-button:hover{filter:brightness(110%)}.secondary-button:focus{background:0}.skeleton,.skeleton-heading,.skeleton-p{opacity:.8;animation:skeleton-loading 1s linear infinite alternate!important;outline:none!important;border:none!important;border-radius:2px;width:fit-content;color:transparent!important;caret-color:transparent!important;text-shadow:none!important;pointer-events:none}.skeleton-heading{padding:0 50px!important;height:1.5rem!important}.skeleton-p{padding:0!important;height:1rem!important}@keyframes skeleton-loading{0% {background-color: hsl(200,20%,70%);} s1 100% {background-color: hsl(200,20%,95%);}}:root{--errorRed: #c0392b}.light-mode{--bgError: #f5f5f7;--borderError: #d1d1d6;--colorError: #222326;--colorParag: #222326}.dark-mode{--bgError: #222326;--borderError: #44474a;--colorError: #f5f5f7;--colorParag: #e0e0e3}#error-popup{position:fixed;bottom:0;right:0;z-index:998;background-color:var(--bgError);border:1px solid var(--borderError);border-radius:8px;box-shadow:0 0 10px #c0392b99;padding:18px;min-width:320px;max-width:400px;transform:translate(-40px,-30px);font-family:var(--Segoe)}.error-message{display:flex;flex-direction:column;gap:8px}.error-message>h5{padding-right:20px;margin:0;font-size:1.3rem;letter-spacing:.01em;color:var(--colorError);font-weight:700}.error-message>h5>strong{color:var(--errorRed)}.error-message>p{font-size:1rem;font-weight:400;color:var(--colorParag);margin:0}.error-close{position:absolute;top:10px;right:10px;background:none;border:none;color:#b0b0b5;font-size:1.3rem;cursor:pointer;transition:color .15s;padding:0;line-height:1;transition:color .3s ease-in-out,scale .1s ease-in-out}.error-close:hover{color:var(--errorRed);scale:1.05}@media (max-width: 480px){#error-popup{min-width:180px;max-width:300px;transform:translate(-10px,-10px)}}/*! generic styles */h1,h2,h3,h4,h5,h6{font-family:var(--Montserrat);font-weight:700}h1{font-size:3rem;margin-bottom:1rem}h2{font-size:2.5rem;margin-bottom:.85rem}h3{font-size:2rem;margin-bottom:.7rem}h4{font-size:1.75rem;margin-bottom:.6rem}h5{font-size:1.5rem;margin-bottom:.5rem}h6{font-size:1.25rem;margin-bottom:.4rem}select>option{background-color:var(--white);color:var(--black)}@media (max-width: 1024px){h1{font-size:2.5rem}h2{font-size:2.1rem}h3{font-size:1.7rem}h4{font-size:1.5rem}h5{font-size:1.3rem}h6{font-size:1.1rem}p{font-size:1rem}}@media (max-width: 768px){h1{font-size:2rem}h2{font-size:1.7rem}h3{font-size:1.4rem}h4{font-size:1.2rem}h5{font-size:1.05rem}h6,p{font-size:.95rem}}@media (max-width: 480px){h1{font-size:1.5rem}h2{font-size:1.3rem}h3{font-size:1.1rem}h4{font-size:1rem}h5{font-size:.9rem}h6{font-size:.8rem}p{font-size:.85rem}}.country-result{display:flex;align-items:center;position:relative;background-color:rgba(var(--template_shadows_opp),.8);color:var(--pure-white);padding:5px;gap:10px}.country-result>a>.country-flag{height:40px;width:auto;border-radius:5px;object-fit:cover;aspect-ratio:16/9;transition:scale .1s ease-in-out}.country-result>a>.country-flag:hover{scale:1.05}.country-result>.country-info{display:flex;flex-direction:column;gap:2px;text-decoration:none;color:inherit}.country-result>.country-info>.country-name{position:relative;display:inline-flex;overflow:hidden;padding:0;margin:0}.country-result>.country-info>.country-name:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;transform:translate(calc(-100% - 1px));background:var(--black);transition:transform .3s ease-in-out}.country-result>.country-info>.country-name:hover:after{transform:translate(0)}.country-result>.country-info>.country-capitals{opacity:.8}.country-result>.country-cca3{position:absolute;right:0;top:0;transform:translate(-25%,25%);font-weight:500;color:var(--pure-white);opacity:.8}.country-result+.country-result:after{position:absolute;content:"";inset:0;width:100%;height:2px;background:linear-gradient(to right,rgba(var(--template_shadows),.2),rgba(var(--template_shadows),.4),rgba(var(--template_shadows),.2))}@font-face{font-family:Montserrat;src:url(/assets/Montserrat-Regular-EjbTADAg.woff2) format("woff2");font-weight:500}@font-face{font-family:Montserrat;src:url(/assets/Montserrat-Medium-DjpnTf6W.woff2) format("woff2");font-weight:600}@font-face{font-family:Montserrat;src:url(/assets/Montserrat-SemiBold-ldgwTHsF.woff2) format("woff2");font-weight:700}/*! STYLES BELOW */:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffd9;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--primary-color: #1f8eef;--pure-white: rgba(255, 255, 255, .85);--Montserrat: "Montserrat", system-ui, Avenir, Helvetica, Arial, sans-serif;--Default: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;--Segoe: "Segoe UI", sans-serif}.light-mode{--black: #1a1a1a;--dark-gray: #4e4e4e;--light-gray: #ebebeb;--white: #fcfcfc;--template_shadows: 0, 0, 0;--template_shadows_opp: 100, 100, 100;--secondary-color: #e8f0fe;--filter-invert: invert(0)}.dark-mode{--black: #fcfcfc;--dark-gray: #ebebeb;--light-gray: #4e4e4e;--white: #1a1a1a;--template_shadows: 100, 100, 100;--template_shadows_opp: 0, 0, 0;--secondary-color: #1a2633;--filter-invert: invert(1)}body{position:relative;background-color:var(--white);color:var(--black);display:flex;flex-direction:column;width:calc(100dvw - 30%);min-width:1000px;min-height:100dvh;margin:auto;overflow-x:hidden;overflow-y:auto;transition:background-color .3s,color .3s}body>#app-main{margin-top:100px!important;flex:1}/*! media queries*/@media (max-width: 1024px){body{min-width:0!important;width:calc(100dvw - 10%)}body>#app-main{gap:25px!important}.hero-section{flex-direction:column!important;gap:10px}}@media (max-width: 480px){body{width:100%!important}body>#app-main{margin-top:80px!important}.hero-section{padding:10px;margin:10px}.hero-section>.hero-title{gap:10px}.hero-section>.hero-title>p{font-size:.9rem}}
