*{margin:0;padding:0;box-sizing:border-box}.home-page-wrapper{background-color:var(--background-color);display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%;padding:15px 25px}.home-page-top{width:100%;max-width:var(--container-width);height:90px;display:flex;justify-content:space-between;align-items:flex-start;margin-top:20px}.home-page-body{width:100%;max-width:var(--container-width);display:flex;align-content:flex-start;justify-content:flex-start;flex-wrap:wrap;gap:4rem 2rem}a{display:flex;flex-basis:calc(25% - 3rem);flex-grow:1;max-width:25%}@media screen and (max-width: 905px){.home-page-top{flex-direction:column;justify-content:center;align-items:flex-start;gap:1rem;height:auto;height:155px}.home-page-body{gap:2rem}a{max-width:100%}}.search{position:relative}.search input[type=text]{background-color:var(--background-color);color:var(--text-color);font-size:16px;font-weight:600;width:373px;height:56px;border:1px solid var(--text-color);border-radius:5px;padding:10px}.search label{color:var(--text-color);font-size:1rem;font-weight:500;line-height:1.4375em;letter-spacing:.00938em;background-color:var(--background-color);display:block;position:absolute;top:0;left:0;pointer-events:none;transform-origin:left top;transform:translate(10px,17px) scale(1);transition:color .2s cubic-bezier(0,0,.2,1) 0ms,transform .2s cubic-bezier(0,0,.2,1) 0ms,max-width .2s cubic-bezier(0,0,.2,1) 0ms;padding:0 5px}.search input::placeholder{color:transparent}.search input:focus+label,.search input:not(:placeholder-shown)+label{color:var(--text-color);transform:translate(10px,-30%) scale(.75)}@media screen and (max-width: 905px){.search input[type=text]{width:calc(100vw - 50px)}}.card{position:relative;border:none;width:100%;border-radius:5px;box-shadow:var(--box-shadow);background-color:var(--card-background-color)}.card:hover .focus-highlight{opacity:1}.focus-highlight{position:absolute;width:100%;height:100%;background-color:var(--hover-background-color);overflow:hidden;pointer-events:none;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .25s cubic-bezier(.4,0,.2,1) 0ms}.card-flag{background-size:cover;width:100%;height:140px;border-radius:5px 5px 0 0;object-fit:cover}.card-info{padding:16px}.card-name{font-size:16px;color:var(--heading-text-color);margin-bottom:0 0 5.6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:.00938em;font-weight:400}.card-details{color:var(--text-color);margin-bottom:2px;font-weight:400;font-size:.875rem;line-height:1.43;letter-spacing:.01071em}@media screen and (max-width: 905px){.card{width:360px}}.skeleton-wrapper{display:flex;flex-wrap:wrap;justify-content:center;gap:30px}.skeleton-card{position:relative;border:none;width:264px;border-radius:5px;box-shadow:var(--box-shadow);background-color:var(--card-background-color)}.skeleton-card-flag{background-image:linear-gradient(#ffffff1c,#ffffff1c);width:100%;height:140px;border-radius:5px 5px 0 0;object-fit:cover}.skeleton-card-info{padding:16px}.skeleton-card-name{font-size:16px;color:var(--heading-text-color);margin-bottom:0 0 5.6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:.00938em;font-weight:400}.skeleton-card-details{color:var(--text-color);margin-bottom:2px;font-weight:400;font-size:.875rem;line-height:1.43;letter-spacing:.01071em}.dropdown{position:relative}.dropdown-button{color:var(--text-color);font-size:16px;font-weight:600;border:1px solid #ccc;border-radius:5px;cursor:pointer;background-color:#fff;position:relative;width:179px;height:56px;padding:10px;background-color:var(--background-color)}.dropdown-region{background-color:var(--background-color);color:var(--text-color);display:block;position:relative;top:0;left:10px;width:90%;text-align:start}.dropdown-label{background-color:var(--background-color);color:var(--text-color);display:block;position:absolute;top:0;left:0;transform-origin:left top;transform:translate(10px,18px) scale(1);transition:color .2s cubic-bezier(0,0,.2,1) 0ms,transform .2s cubic-bezier(0,0,.2,1) 0ms,max-width .2s cubic-bezier(0,0,.2,1) 0ms}.dropdown-content{display:none;position:absolute;top:100%;left:0;z-index:1;background-color:#fff;box-shadow:0 8px 16px #0003;border:1px solid #ccc;border-top:none;width:100%;min-width:200px}.dropdown-content.show{display:block}.dropdown-label.top{color:var(--heading-text-color);transform:translate(10px,-10px) scale(.75);transition:color .2s cubic-bezier(0,0,.2,1) 0ms,transform .2s cubic-bezier(0,0,.2,1) 0ms,max-width .2s cubic-bezier(0,0,.2,1) 0ms;padding:5px}.dropdown-item{padding:10px 15px;cursor:pointer;transition:background-color .2s ease}.dropdown-item:hover{background-color:#f2f2f2}.dropdown-arrow{-webkit-user-select:none;user-select:none;width:1em;height:1em;display:inline-block;fill:var(--text-color);flex-shrink:0;transition:fill .2s cubic-bezier(.4,0,.2,1) 0ms;font-size:1.5rem;position:absolute;right:7px;top:calc(50% - .5em);pointer-events:none;color:#0000008a}ul{list-style-type:none}@media screen and (max-width: 905px){.dropdown-button{width:calc(50vw - 25px)}}.country-page-wrapper{max-width:var(--container-width);background-color:var(--background-color);display:flex;flex-direction:column;margin:auto;gap:2rem;width:100%;padding:15px}.country-page-top{padding:2.5rem 0;margin-top:32px;padding:0}.country-page-body{display:flex;margin-top:3.5rem;gap:64px}.country-name{color:var(--heading-text-color);font-size:3rem;font-weight:400;line-height:1.167;letter-spacing:0em;margin:0 0 .35em}.country-flag{width:100%;max-width:544px;height:auto;border-radius:10px;object-fit:cover}.country-details{display:flex;justify-content:space-between;align-items:flex-start;width:100%;max-width:800px}.country-info{display:flex;flex-direction:column}.border-countries{margin-top:3rem}p{font-size:1rem;line-height:1.5;letter-spacing:.00938em;margin:0 0 .35em;font-weight:600;color:var(--heading-text-color)}.info-label{font-weight:700}.back{position:relative;display:inline-flex;align-items:center;cursor:pointer;font-weight:500;font-size:.875rem;min-width:64px;padding:6px 8px;color:var(--heading-text-color);border-radius:5px}.back:hover{background-color:var(--hover-background-color)}.back-arrow{-webkit-user-select:none;user-select:none;width:1em;height:1em;display:inline-block;fill:var(--heading-text-color);flex-shrink:0;transition:fill .2s cubic-bezier(.4,0,.2,1) 0ms;font-size:1.5rem;margin-right:10px;right:7px;top:calc(50% - .5em);pointer-events:none;color:#0000008a}.skeleton-flag{width:100%;max-width:544px;height:auto;border-radius:10px;background-color:var(--hover-background-color)}@media screen and (max-width: 905px){.country-page-body{flex-direction:column;align-items:center;gap:2rem}}.chip{display:inline-block;padding:.3rem .75rem;font-size:.8rem;line-height:1.5;border-radius:1rem;background-color:#e9ecef;color:var(--heading-text-color);font-weight:600;background-color:var(--card-background-color);margin:4px}:root{font-family:Roboto,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--box-shadow: 0 5px 10px #00000055;--container-width: 1152px}a{text-decoration:none;color:var(--text-color)}header{width:100%;position:relative;background-color:var(--navbar-background-color);height:64px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 2px 4px -1px #0003,0 4px 5px #00000024,0 1px 10px #0000001f;flex-shrink:0;padding:15px 25px}main{background-color:var(--background-color);min-height:calc(100vh - 64px)}.navbar{width:100%;max-width:var(--container-width);color:var(--text-color);display:flex;justify-content:space-between;align-items:center;margin:auto}.navbar-title{font-size:1.25rem;font-weight:500;color:var(--heading-text-color);line-height:1.6}.navbar-mode{background-color:transparent;border:none;color:var(--heading-text-color);font-weight:600;font-size:.875rem;line-height:1.6;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;padding:6px 8px}.navbar-mode:hover{background-color:var(--hover-background-color);border-radius:5px}.mode-icon{margin-right:8px;margin-left:-4px;-webkit-user-select:none;user-select:none;width:1.5em;height:1.5em;display:inline-block;fill:var(--heading-text-color);flex-shrink:0;transition:fill .2s cubic-bezier(.4,0,.2,1) 0ms}@media screen and (max-width: 905px){.navbar-logo{display:none}}