*,*:before,*:after{margin:0;padding:0;box-sizing:border-box;border:none;outline-color:transparent}a,a:link,a:visited{color:inherit;text-decoration:none}ul,li{list-style:none}img,picture,video,canvas,svg{display:block;max-width:100%}button{cursor:pointer;background-color:transparent;font:inherit}input,button,textarea,select{font:inherit}:root{--blue-950: hsl(207, 26%, 17%);--blue-900: hsl(209, 23%, 22%);--grey-950: hsl(200, 15%, 8%);--grey-400: hsl(0, 0%, 50%);--grey-50: hsl(0, 0%, 99%);--white: hsl(0, 100%, 100%);--font-weight-s: 300;--font-weight-l: 600;--font-weight-xl: 800}:root:has([data-theme=light]){color-scheme:light}:root:has([data-theme=dark]){color-scheme:dark}body{font-family:Nunito Sans,sans-serif;font-size:14px;background-color:light-dark(var(--grey-50),var(--blue-950));color:light-dark(var(--grey-950),var(--white))}.field-key{font-weight:var(--font-weight-l);margin-right:4px}.field-value{font-weight:var(--font-weight-s)}header{background-color:light-dark(var(--white),var(--blue-900));box-shadow:#0000001a -4px 9px 25px -6px;margin-bottom:40px}header .header-container{display:flex;justify-content:space-between;align-items:center;height:72px;width:92%;max-width:1300px;margin-inline:auto}header .header-container .logo-text{font-weight:var(--font-weight-xl)}header .header-container .theme{display:flex;align-items:center;gap:8px;cursor:pointer}header .header-container .theme .theme-text{font-weight:var(--font-weight-l);font-size:12px}main{width:92%;max-width:1300px;margin-inline:auto}main .go-list-button{text-decoration:underline}main .search{margin-bottom:48px}main .search .search-bar{background-color:light-dark(var(--white),var(--blue-900));box-shadow:#63636333 0 2px 8px;display:flex;align-items:center;gap:28px;border-radius:4px;padding:12px 16px 12px 32px;margin-bottom:40px}main .search .search-bar .search-icon{width:28px;height:28px;opacity:.4}main .search .search-bar .search-input{background-color:light-dark(var(--white),var(--blue-900));flex:1}main .search .search-bar .search-input:focus{outline:none}main .search .search-bar .search-input::placeholder{color:var(--grey-400)}main .search .custom-select .select-button{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background-color:light-dark(var(--white),var(--blue-900));box-shadow:#63636333 0 2px 8px;width:230px;margin-bottom:8px}main .search .custom-select .custom-select-dropdown{background-color:light-dark(var(--white),var(--blue-900));box-shadow:#63636333 0 2px 8px;width:230px;padding:16px 24px;position:absolute;z-index:2;display:flex;flex-direction:column;gap:8px}main .search .custom-select .custom-select-dropdown .dropdown-item{display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer}main .search .custom-select .custom-select-dropdown .dropdown-item .cross-icon{display:none}main .search .custom-select .custom-select-dropdown .dropdown-item.selected .cross-icon{display:block}main .search .custom-select .custom-select-dropdown .dropdown-item li{flex:1}main .country-list{display:grid;gap:36px}main .country-list .country{width:270px;margin-inline:auto;background-color:light-dark(var(--white),var(--blue-900));box-shadow:#0000001a 0 10px 15px -3px,#0000000d 0 4px 6px -2px;border-radius:8px}main .country-list .country img{border-radius:8px;width:100%;height:180px}main .country-list .country .country-info-wrapper{padding:24px 24px 40px}main .country-list .country .country-info-wrapper .country-name{font-weight:var(--font-weight-xl);margin-bottom:12px;font-size:18px}main .country-list .country .country-info-wrapper .country-info{display:flex;flex-direction:column;gap:8px}main .country-list .empty-screen{display:flex;align-items:center;justify-content:space-between;background-color:light-dark(var(--white),var(--blue-900));box-shadow:#959da533 0 8px 24px;padding:16px 24px;border-radius:4px}main .country-list .empty-screen .empty-screen-text{width:20ch;line-height:1.5}main .country-list .empty-screen .empty-screen-icon{width:36px;height:36px}main .country-list .skeleton-element{background-color:light-dark(var(--white),var(--blue-900));box-shadow:#959da533 0 8px 24px;width:270px;margin-left:auto;margin-right:auto}main .country-list .skeleton-element .skeleton-img{background-color:var(--grey-400);height:150px;border-radius:8px;position:relative;overflow:hidden}main .country-list .skeleton-element .skeleton-img:after{content:"";position:absolute;top:0;left:-100%;height:100%;width:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:shimmer 1.5s infinite}main .country-list .skeleton-element .skeleton-info-wrapper{background-color:light-dark(var(--white),var(--blue-900));padding:24px 24px 40px}main .country-list .skeleton-element .skeleton-info-wrapper .skeleton-name{background-color:var(--grey-400);width:120px;height:24px;margin-bottom:20px;position:relative;overflow:hidden}main .country-list .skeleton-element .skeleton-info-wrapper .skeleton-name:after{content:"";position:absolute;top:0;left:-100%;height:100%;width:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:shimmer 1.5s infinite}main .country-list .skeleton-element .skeleton-info-wrapper .skeleton-info{display:flex;flex-direction:column;gap:12px}main .country-list .skeleton-element .skeleton-info-wrapper .skeleton-info .skeleton-info-element{background-color:var(--grey-400);width:160px;height:14px;position:relative;overflow:hidden}main .country-list .skeleton-element .skeleton-info-wrapper .skeleton-info .skeleton-info-element:after{content:"";position:absolute;top:0;left:-100%;height:100%;width:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:shimmer 1.5s infinite}main .country-detail{width:320px;margin-inline:auto;font-size:16px;padding-bottom:24px}main .country-detail .go-back-button{background-color:light-dark(var(--white),var(--blue-900));box-shadow:#0e1e251f 0 2px 4px,#0e1e2552 0 2px 16px;display:flex;align-items:center;justify-content:center;gap:12px;width:104px;height:32px;font-weight:var(--font-weight-s);margin-bottom:64px;border-radius:4px}main .country-detail .country{display:flex;flex-direction:column;gap:40px}main .country-detail .country img{width:100%;height:180px}main .country-detail .country .country-info .country-name{font-weight:var(--font-weight-xl);font-size:22px;margin-bottom:20px}main .country-detail .country .country-info .country-info-wrapper{display:flex;flex-direction:column;gap:44px;margin-bottom:48px}main .country-detail .country .country-info .country-info-wrapper [class^=country-info]{display:flex;flex-direction:column;gap:12px}main .country-detail .country .country-info .border-countries{display:flex;flex-direction:column;gap:16px}main .country-detail .country .country-info .border-countries .text{font-weight:var(--font-weight-l);font-size:18px;text-wrap:nowrap}main .country-detail .country .country-info .border-countries .border-links-wrapper{display:flex;flex-wrap:wrap;gap:12px}main .country-detail .country .country-info .border-countries .border-links-wrapper .border-link{background-color:light-dark(var(--white),var(--blue-900));min-width:98px;box-shadow:#0000003d 0 3px 8px;padding:6px 8px;border-radius:4px;font-size:14px;font-weight:var(--font-weight-s);text-align:center}main .error-page{display:flex;justify-content:center;flex-direction:column;align-items:center;gap:12px;background-color:light-dark(var(--white),var(--blue-900));border-radius:4px;box-shadow:#959da533 0 8px 24px;padding:16px}main .error-page .error-page-text{font-size:18px}main .not-found-page{display:flex;flex-direction:column;align-items:center;gap:16px;padding:16px;background-color:light-dark(var(--white),var(--blue-900));box-shadow:#959da533 0 8px 24px;border-radius:4px;font-size:18px}@keyframes shimmer{to{left:100%}}@media (width > 376px){body{font-size:16px}body header{margin-bottom:56px}body header .header-container .logo-text{font-size:20px}body header .header-container .theme{gap:16px}body header .header-container .theme svg{width:20px;height:20px}body header .header-container .theme .theme-text{font-size:16px}body main .search{display:flex;justify-content:space-between;margin-bottom:16px}body main .search .search-bar{width:480px}body main .country-list{grid-template-columns:repeat(4,1fr);gap:72px}body main .country-detail{width:1300px;font-size:18px}body main .country-detail .country{flex-direction:row;align-items:center;gap:124px}body main .country-detail .country img{width:40%;height:400px}body main .country-detail .country .country-info{flex:1}body main .country-detail .country .country-info .country-name{font-size:28px}body main .country-detail .country .country-info .country-info-wrapper{flex-direction:row;justify-content:space-between;margin-bottom:72px}body main .country-detail .country .country-info .border-countries{flex-direction:row;gap:32px}}