.menubar{background-color:var(--elem-color);box-shadow:0 .125rem .25rem #0000000f;padding:1.4375rem 0}.menubar .container{display:flex;justify-content:space-between;align-items:center}.menubar-title{font-size:1.5rem;font-weight:800;line-height:137.5%;font-size:.875rem}.theme-switch{color:var(--text-color);background-color:transparent;display:flex;align-items:center;gap:.5rem}.theme-switch-icon{width:.75rem;height:.75rem;transform:rotate(-25deg)}.theme-switch-text{font-size:.75rem;font-weight:600;line-height:135%}@media(min-width:64rem){.menubar-title{font-size:1.5rem}.theme-switch-icon{width:.9375rem;height:.9375rem}.theme-switch-text{font-size:1rem;font-weight:600;line-height:200%}}.searchbar{width:100%;height:100%;padding:1rem 4.375rem;font-size:.75rem;font-weight:400;line-height:135%;border:none;border-radius:.3125rem;box-shadow:0 .125rem .5625rem #0000000d;color:var(--input-color);background-color:var(--elem-color)}.searchbar::placeholder{color:var(--input-color)}.searchbar-icon{width:.9375rem;height:.9375rem;position:absolute;left:2rem;top:50%;transform:translateY(-50%);color:var(--input-color)}.input-wrapper{width:clamp(21.4375rem,100%,30rem);height:3rem;position:relative}@media(min-width:48rem){.searchbar{font-size:.875rem;font-weight:400;line-height:145%}.searchbar-icon{width:1.0625rem;height:1.0625rem}.input-wrapper{height:3.5rem}}.dropdown{position:relative;width:12.5rem;font-size:.75rem;font-weight:400;line-height:135%;display:flex;flex-direction:column;gap:.5rem}.dropdown-button{height:3rem;color:var(--text-color);background-color:var(--elem-color);padding:1rem 1.5rem;border-radius:.3125rem;box-shadow:0 .125rem .5625rem #0000000d;display:flex;justify-content:space-between;align-items:center}.dropdown-icon{width:.4375rem;height:.25rem}.dropdown-menu{position:absolute;left:0;top:4.0625rem;z-index:1;width:100%;background-color:var(--elem-color);padding:1rem 0;border-radius:.3125rem;box-shadow:0 .125rem .5625rem #0000000d;display:flex;flex-direction:column;gap:.5rem}.dropdown-menu-item{color:var(--text-color);width:100%;text-align:left;background-color:transparent;padding:0 1.5rem;cursor:pointer}@media(min-width:48rem){.dropdown{font-size:.875rem;font-weight:400;line-height:145%}.dropdown-button{height:3.5rem;padding:1.125rem 1.5rem}.dropdown-icon{width:.5625rem;height:.3125rem}}.card{width:16.5rem;height:21rem;display:flex;flex-direction:column;border-radius:.3125rem;box-shadow:0 0 .4375rem .125rem #0000001a;color:var(--text-color);background-color:var(--elem-color);overflow:hidden;transition:.3s transform;cursor:pointer}.card:hover{transform:scale(1.05)}.card-img{width:100%;height:10rem}.card-descr{padding:1.375rem 1.5rem;display:flex;flex-direction:column;gap:1rem}.card-title{font-size:1.125rem;font-weight:800;line-height:145%}.card-info{padding:0;display:flex;flex-direction:column;gap:.5rem}.card-info-item{font-size:.875rem;font-weight:300;line-height:145%}.card-info-category{font-weight:600;margin-right:.3125rem}.pos-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.error-placeholder{text-align:center;font-size:1.25rem;color:red}.not-found-placeholder{text-align:center;font-size:1.25rem}.index{padding:1.5rem 0 4.0625rem}.index .container{display:flex;flex-direction:column;align-items:center;gap:3rem}.index .actions-block{width:100%;display:flex;flex-direction:column;gap:2.5rem}.index .cards-grid{width:100%;padding:0;display:grid;grid-template-columns:repeat(auto-fill,16.5rem);justify-content:center;gap:2.5rem}@media(min-width:48rem){.index{padding:1.5rem 0 4.0625rem}.index .actions-block{flex-direction:row;justify-content:space-between;gap:.5rem}.index .cards-grid{gap:4.5rem}}.btn{color:var(--text-color);background-color:var(--elem-color);padding:.5rem 1.5rem;font-size:.875rem;font-weight:300;line-height:145%;border-radius:.125rem;box-shadow:0 0 .4375rem #0000001a;display:flex;justify-content:center;align-items:center;gap:.5rem;transition:.2s transform}.btn:hover{transform:scale(1.05)}.btn-icon{width:.9375rem;height:.9375rem}@media(min-width:48rem){.btn{padding:.5625rem 2rem}}.card-detail{width:100%;display:flex;flex-direction:column;gap:3rem}.card-detail-img{width:100%;border-radius:.25rem}.card-detail-title{font-size:2rem;font-weight:800;line-height:137.5%;margin-bottom:1rem}.card-detail-info{margin-bottom:2rem;display:flex;flex-direction:column;gap:2rem;font-size:.875rem;font-weight:300;line-height:145%}.card-detail-list{display:flex;flex-direction:column;gap:.5rem}.card-detail-list-category{font-weight:600;margin-right:.3125rem}.card-detail .border-countries{display:flex;flex-direction:column;gap:1rem}.card-detail .border-countries-title{white-space:nowrap;font-size:1rem;font-weight:600;line-height:200%}.card-detail .border-countries-list{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.card-detail .border-countries-list-item{min-width:6rem;padding:.3125rem .625rem;color:var(--text-color);text-decoration:none;background-color:var(--elem-color);border-radius:.125rem;box-shadow:0 0 .25rem .0625rem #0000001a;transition:.2s transform;font-size:.75rem;font-weight:300;line-height:135%}.card-detail .border-countries-list-item:hover{transform:scale(1.05)}@media(min-width:40.625rem){.card-detail{gap:3.5rem}.card-detail-title{margin-bottom:1.5rem}.card-detail-info{margin-bottom:1.5rem;flex-direction:row;justify-content:space-between;gap:7.5rem;font-size:1rem;font-weight:300;line-height:200%}.card-detail .border-countries{flex-direction:row}.card-detail .border-countries-item{font-size:.875rem;font-weight:300;line-height:145%}}@media(min-width:64rem){.card-detail{flex-direction:row;justify-content:space-between;align-items:center}.card-detail-img{width:28.75rem}.card-detail-info{margin-bottom:4rem}}@media(min-width:90rem){.card-detail{gap:7.5rem}.card-detail-img{width:35rem}}.detail{padding:2.5rem 0 3.4375rem}.detail .container{max-width:35.625rem;padding:0 .6875rem;display:flex;flex-direction:column;align-items:start;gap:4rem}@media(min-width:64rem){.detail .container{max-width:unset;padding:0}}.app{min-height:100vh;color:var(--text-color);background-color:var(--bg-color)}*,:after,:before{box-sizing:border-box}html{font-family:system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";line-height:1.15;-webkit-text-size-adjust:100%;tab-size:4}body{margin:0}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-color:currentcolor}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}legend{padding:0}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-.125rem}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}h1,h2,h3,h4,h5,figure,p,ol,ul{margin:0}ol[role=list],ul[role=list]{list-style:none;padding-inline:0}h1,h2,h3,h4,h5{font-size:inherit;font-weight:inherit}img{display:block;max-inline-size:100%}body{font-family:Nunito Sans,sans-serif}.light{--text-color: #111517;--bg-color: #FCFCFC;--elem-color: #FFFFFF;--input-color: #808080}.dark{--text-color: #FFFFFF;--bg-color: #202C37;--elem-color: #2B3945;--input-color: #FFFFFF}.container{width:clamp(21.4375rem,90%,80rem);margin:0 auto}button{border:none;cursor:pointer}ul,ol{padding:0;list-style:none}.link{color:inherit;text-decoration:none}