:root{--background:#ffffff;--foreground:#171717}@media (prefers-color-scheme:dark){:root{--background:#0a0a0a;--foreground:#ededed}}body,html{max-width:100vw;overflow-x:hidden}body{color:var(--foreground);background:var(--background);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;padding:0;margin:0}@media (prefers-color-scheme:dark){html{color-scheme:dark}}.toggle{display:block;cursor:pointer}.toggle input{display:none}.toggle input+div{width:20px;height:14px;position:relative}.toggle input+div div{position:absolute;left:0;top:0;right:0;bottom:0;transition:transform .5s ease}.toggle input+div div span{display:block;position:absolute;left:0;right:0}.toggle input+div div span:first-child,.toggle input+div div span:first-child:after,.toggle input+div div span:first-child:before{top:0}.toggle input+div div span:last-child,.toggle input+div div span:last-child:after,.toggle input+div div span:last-child:before{bottom:0}.toggle input+div div span:after,.toggle input+div div span:before{content:"";display:block;width:47%;height:2px;border-radius:1px;background:#000;position:absolute;transition:transform .5s ease,border-radius .3s ease,background .4s ease}.toggle input+div div span:before{left:0;transform-origin:0 50%;transform:translate(1px) scaleX(1.1)}.toggle input+div div span:after{right:0;transform-origin:100% 50%;transform:translate(-1px) scaleX(1.1)}.toggle input+div svg{display:block;fill:none;stroke:#000;stroke-width:2px;width:44px;height:44px;stroke-linecap:round;position:absolute;left:50%;top:50%;margin:-22px 0 0 -22px;stroke-dasharray:0 82.801 8 82.801;stroke-dashoffset:82.801;transform-origin:50% 50%;transform:scale(1);transition:stroke-dashoffset .5s ease,stroke-dasharray .6s ease,transform .5s ease,stroke .4s ease}.toggle input+div svg:nth-child(3){transform:rotate(180deg) scale(1)}.toggle input:checked+div div{transform:rotate(90deg)}.toggle input:checked+div div span:after,.toggle input:checked+div div span:before{background:#000}.toggle input:checked+div div span:first-child:before{transform:rotate(45deg) translate(2.2px,-3px) scaleX(1.05)}.toggle input:checked+div div span:first-child:after{transform:rotate(-45deg) translate(-2.2px,-3px) scaleX(1.05)}.toggle input:checked+div div span:last-child:before{transform:rotate(-45deg) translate(2.2px,3px) scaleX(1.05)}.toggle input:checked+div div span:last-child:after{transform:rotate(45deg) translate(-2.2px,3px) scaleX(1.05)}.toggle input:checked+div svg{stroke-dashoffset:62;stroke-dasharray:0 82.801 62 82.801;transform:rotate(90deg);stroke:#000}.toggle input:checked+div svg:nth-child(3){transform:rotate(270deg)}.burger-wrapper{display:none}@media (max-width:820px){.burger-wrapper{display:block}}.burger-menu{background:#fff;border-radius:12px;flex-direction:column;gap:12px;width:260px;padding:16px;animation:slideDown .3s forwards;display:flex;position:absolute;top:108px;left:170px;box-shadow:0 8px 16px 10px #0003;text-align:center}.burger-menu a{text-decoration:none;color:#333;font-weight:500;padding:8px;border-radius:8px;transition:background .2s ease}.burger-menu a:hover{background:#f2f2f2}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.burger-wrapper.dark .toggle input+div div span:after,.burger-wrapper.dark .toggle input+div div span:before,.burger-wrapper.dark .toggle input:checked+div div span:after,.burger-wrapper.dark .toggle input:checked+div div span:before{background:white}.burger-wrapper.dark .toggle input+div svg,.burger-wrapper.dark .toggle input:checked+div svg,.burger-wrapper.dark .toggle input:checked+div svg:nth-child(3){stroke:white}h1{font-size:15px}.country-list{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;padding:.5rem}.country-card:hover{transform:translateY(-4px)}.country-flag{width:100%;max-height:120px;object-fit:contain;border-radius:8px;margin-bottom:1rem}.country-info{display:flex;align-items:center;font-size:24px}.country-info__card{display:flex;align-items:center;justify-content:space-between}.country-name{font-size:1.1rem;font-weight:700;margin:0 0 .5rem}.country-region{color:#666;font-size:.95rem}.search-controls{text-align:center;width:100%}.search-controls__input-search,.search-controls__selection{padding:5px;height:50px;font-size:24px;border-radius:10%}.search-controls__input-search{width:70%;border-radius:15px 0 0 15px}.search-controls__selection{width:13%;border-radius:0 15px 15px 0}.country-info__flag{margin-right:40px}.country-info__region{color:#726d6d;font-size:15px}.country-info__name{font-size:20px}a{text-decoration:none;color:black}.country-card{background-color:#fff;border:1px solid #ddd;max-width:350px;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;gap:2px;border-radius:40px;padding:.5rem;transition:transform .2s;box-shadow:0 2px 8px 10px #00000012}@media screen and (min-width:2100px){.country-card{max-width:600px}.country-info__flag{margin-right:80px}}@media screen and (max-width:1180px){.search-controls__selection{width:16%}}@media screen and (max-width:985px){.search-controls__selection{width:20%}}@media (max-width:823px){.search-controls__selection{text-align:center}}@media (max-width:660px){.country-card,.country-info{flex-direction:column}.country-info__details{text-align:center;margin:15px 0}}@media (max-width:395px){.country-info__flag{width:80px}}.card-container{background-color:#fff;border:1px solid #ddd;border-radius:40px;align-items:center;padding:1rem;transition:transform .2s;box-shadow:0 2px 8px 10px #00000012;width:90%;margin:25px auto;text-align:center}.card-container img{width:30%;height:auto}.countries-container{padding:.5rem}.heart{font-size:2rem;color:white;border:2px solid black;background-color:white;border-radius:50%;width:40px;height:40px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;padding:0}.filled{background-color:red;color:white;border-color:red}.saved-text{text-align:center;padding:1rem 0}.header{justify-content:space-between;align-items:center;padding:1rem 2rem;background-color:var(--background,#f5f5f5);color:var(--text,#111);box-shadow:0 2px 4px rgba(0,0,0,.1)}.header,.nav{display:flex;gap:1rem}.nav a{text-decoration:none;color:inherit;font-weight:500;transition:color .3s;font-size:50px;animation:scaleForward 2s ease-in-out 0s 1 normal forwards}.nav a:hover{color:var(--primary,#0070f3)}.active{border-bottom:2px solid #0070f3;color:#0070f3}.header-logo{color:rgb(13,78,242);animation:rollLeft 1.2s ease-in-out forwards,rolling 2s linear 1.2s infinite}@keyframes rollLeft{0%{opacity:0;transform:translateX(-250px) rotate(-200deg)}to{opacity:1;transform:translateX(0) rotate(0deg)}}@keyframes rolling{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes scaleForward{0%{transform:scale(0);transform-origin:50% 0}to{transform:scale(1);transform-origin:50% 0}}@media (max-width:820px){.nav{display:none}}@media (max-width:395px){.header-logo{width:75%}}.random-container{text-align:center;background-color:#fff;border:1px solid #ddd;border-radius:40px;padding:1rem;transition:transform .2s;box-shadow:0 2px 8px 10px #00000012;width:90%;margin:15px auto}.country-info__flag{width:30%;height:auto}h2{font-size:1rem}.random-container img{margin:15px 0}:root{--hue:223;--primary:hsl(var(--hue),90%,50%);--trans-dur:0.6s;--trans-timing:cubic-bezier(0.65,0,0.35,1);font-size:calc(42px + (84 - 42) * (100vw - 320px) / (2560 - 320))}.header:has(.switch__input:checked),body:has(.switch__input:checked){background-color:hsl(var(--hue),10%,15%);color:hsl(223deg 5.05% 54.41%)}body:has(.switch__input:checked) .nav a{color:hsl(var(--hue),10%,90%)}.switch,.switch__input{display:block;-webkit-tap-highlight-color:transparent}.switch{position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.switch__icon{color:hsla(var(--hue),10%,80%);pointer-events:none;position:absolute;top:.223125em;left:.223125em;width:.44625em;height:.44625em;transition:color var(--trans-dur),transform var(--trans-dur) var(--trans-timing)}.switch__icon:nth-of-type(2){right:.223125em;left:auto}.switch__inner,.switch__inner-icons{border-radius:.35em;display:block;overflow:hidden;position:absolute;top:.14875em;left:.14875em;width:1.33875em;height:.595em}.switch__inner-icons,.switch__inner:before{transition:transform var(--trans-dur) var(--trans-timing);transform:translateX(-.74375em)}.switch__inner:before{background-color:var(--primary);border-radius:inherit;content:"";display:block;width:100%;height:100%}.switch__inner-icons{pointer-events:none}.switch__inner-icons .switch__icon{color:hsl(0,0%,100%);top:.074375em;left:.074375em;transform:translateX(.74375em)}.switch__inner-icons .switch__icon:nth-child(2){right:.074375em;left:auto}.switch__input{background-color:hsl(0,0%,100%);border-radius:.525em;box-shadow:0 0 0 .04375em hsla(var(--hue),90%,50%,0),0 .0875em .35em hsla(var(--hue),10%,10%,.1);outline:transparent;width:1.63625em;height:.8925em;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:background-color var(--trans-dur),box-shadow var(--trans-dur);font:1em/1.5 sans-serif}.switch__input:checked{background-color:hsl(var(--hue),10%,10%)}.switch__input:checked~.switch__icon{color:hsla(var(--hue),10%,40%)}.switch__input:checked~.switch__inner-icons,.switch__input:checked~.switch__inner:before{transform:translateX(.74375em)}.switch__input:checked~.switch__icon:nth-of-type(2),.switch__input:not(:checked)~.switch__icon:first-of-type{transform:rotate(1turn)}.switch__input:checked~.switch__inner-icons .switch__icon:first-of-type{transform:translateX(-.74375em) rotate(-1turn)}.switch__input:checked~.switch__inner-icons .switch__icon:nth-of-type(2){transform:translateX(-.74375em) rotate(1turn)}.switch__input:focus-visible{box-shadow:0 0 0 .04375em hsla(var(--hue),90%,50%,1),0 .0875em .35em hsla(var(--hue),10%,10%,.1)}.switch__sr{overflow:hidden;position:absolute;width:1px;height:1px}