@import url(https://fonts.googleapis.com/css2?family=Kanit:wght@600;700&family=Poppins:wght@500&display=swap);.search-component{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-bottom:10px;margin-top:80px}input{background-color:rgba(84,184,167,.5);border:none;border-radius:5px;box-shadow:2.4px 2.4px 3.2px rgba(0,0,0,.15);font-size:18px;height:40px;padding:5px;width:500px}input:focus{outline:none}.result{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(4,1fr);justify-items:center;margin-bottom:40px;margin-top:10px;padding:5px 50px}.each-result,.result{align-items:center;border-radius:5px;height:100%;width:100%}.each-result{background-color:rgba(84,184,167,.3);padding:5px}.each-result,.result .bottom{display:flex;flex-direction:column;justify-content:center}.result .bottom{align-items:center}.result .bottom,.result h3{text-align:center}.result img{height:150px;width:250px}@media (min-width:800px) and (max-width:1280px){.result{grid-template-columns:repeat(3,1fr);padding:0 10px}}@media (min-width:400px) and (max-width:800px){input{width:300px}.result{grid-template-columns:repeat(1,1fr)}.result img{height:50px;object-fit:cover;width:100px}.each-result{height:100%;padding:10px;width:100%}}@media (max-width:400px){input{width:300px}.result{grid-template-columns:repeat(1,1fr)}.result img{height:50px;object-fit:cover;width:90px}.each-result{height:100%;padding:10px;width:100%}}.categories{grid-gap:10px;align-items:center;display:grid;gap:10px;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);justify-items:center;padding:10px 50px}.category{align-items:center;background-color:rgba(84,184,167,.3);border:none;border-radius:10px;box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);display:flex;flex-direction:column;height:100%;justify-content:center;padding:10px;width:100%}.category p{border:1px solid #484646;border-radius:5px;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);padding:5px 15px}.category img{height:100%;object-fit:cover;width:100%}.categories a{color:#000;font-size:18px;text-decoration:none}.loading{align-items:center;background-repeat:no-repeat;display:flex;height:100vh;justify-content:center;left:0;object-fit:cover;position:fixed;top:0;width:100vw}@media (min-width:800px) and (max-width:1280px){.category{height:90%;padding:30px;width:90%}.category img{height:100%;margin-bottom:10px;padding:10px;width:100%}.category p{font-size:14px;width:190px}.loading{align-items:center;background-repeat:no-repeat;display:flex;height:100%;justify-content:center;left:0;object-fit:cover;position:fixed;top:0;width:100%}}@media (min-width:400px) and (max-width:800px){.categories{grid-template-columns:repeat(1,1fr)}.category{width:80%}.category img{margin-bottom:10px}.loading{align-items:center;background-repeat:no-repeat;display:flex;height:100%;justify-content:center;left:0;object-fit:cover;position:fixed;top:0;width:100%}}@media (max-width:400px){.categories{grid-template-columns:repeat(1,1fr)}.category{width:80%}.category img{margin-bottom:10px}.loading{align-items:center;background-repeat:no-repeat;display:flex;height:100%;justify-content:center;left:0;object-fit:cover;position:fixed;top:0;width:100%}}header{align-items:center;display:flex;height:70px;justify-content:space-between;left:0;padding:5px 40px;top:0;width:100%}.open,header{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background-color:rgba(84,184,167,.5);box-shadow:0 2px 4px rgba(0,0,0,.4),0 7px 13px -3px rgba(0,0,0,.3),inset 0 -3px 0 rgba(0,0,0,.2);position:fixed;z-index:1}.open{height:100vh;padding:5px 15px}.left{display:flex;flex-direction:row;gap:5px}.open .left{position:absolute;top:15px}.menu-bar{display:none}.open .menu-bar{position:absolute;right:20px;top:25px}.right{gap:30px;text-align:center}.open .right,.right{display:flex;justify-content:center}.open .right{align-items:center;flex-direction:column;margin:0 auto}.left a{color:#000}.left a,.right a{text-decoration:none}.open .right a{width:200px}img{height:40px;width:40px}.back,.home,.search-nav{border:1px solid #5e5e5e;border-radius:5px;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);color:#000;font-size:18px;padding:5px 15px}@media (min-width:400px) and (max-width:800px){header{padding:5px 15px}.left{align-items:center;display:flex;justify-content:center}.menu-bar{display:block}.left h1{font-size:14px}img{height:40px;width:40px}.right{display:none}}@media (max-width:400px){header{padding:5px 15px}.left{align-items:center;display:flex;justify-content:center}.menu-bar{display:block}.left h1{font-size:14px}img{height:40px;width:40px}.right{display:none}}.countries-container{display:flex;padding:0 20px}.countries{grid-gap:15px;align-items:center;display:grid;flex-grow:1;gap:15px;grid-template-columns:repeat(3,1fr);justify-items:center;margin-bottom:10px;margin-right:10px;margin-top:90px;overflow-y:auto;width:70%}.country{align-items:center;background-color:rgba(84,184,167,.3);border-radius:5px;box-shadow:0 0 0 2px rgba(6,24,44,.4),0 4px 6px -1px rgba(6,24,44,.65),inset 0 1px 0 hsla(0,0%,100%,.08);display:flex;flex-direction:column;height:100%;justify-content:center;padding:5px;width:100%}.country img{height:150px;padding:5px;width:250px}.country .bottom{align-items:center;display:flex;flex-direction:column;justify-content:center;padding-bottom:5px;text-align:center}.country .bottom:hover{cursor:pointer}.country h3{text-align:center}.bottom li .value{margin-left:5px}.bottom li{font-size:18px;font-weight:500;list-style:none}.bottom button{border:none;border-radius:5px;font-size:14px;outline:none;padding:5px 15px}.bottom button:hover{cursor:pointer}.details{background:rgba(84,184,167,.3);border-radius:5px;box-shadow:0 0 0 2px rgba(6,24,44,.4),0 4px 6px -1px rgba(6,24,44,.65),inset 0 1px 0 hsla(0,0%,100%,.08);margin-bottom:10px;max-height:602px;overflow-y:auto;padding:20px 10px;position:-webkit-sticky;position:sticky;right:0;top:115px;width:30%}.view-more{align-items:center;display:flex;flex-direction:column}.view-more img{height:200px;padding:20px;width:300px}.table{align-items:center;display:flex;flex-direction:column;font-size:18px;justify-content:center}.info{display:flex;gap:5px}@media (min-width:800px) and (max-width:1280px){.countries{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr);margin-right:1px;margin-top:90px;width:65%}.country{height:100%;padding:0;width:90%}.country img{height:100px;width:200px}.details{margin-top:90px;padding-bottom:10px;width:35%}.view-more img{height:150px;padding:20px;width:250px}}@media (min-width:400px) and (max-width:800px){.countries-container{display:flex;flex-direction:row;justify-content:center}.countries{gap:0;grid-template-columns:repeat(1,1fr);margin-right:0;width:25%}.country{height:85%;padding:5px;width:75%}.country img{height:90px;width:90px}.details{padding:10px;width:40%}.view-more .table{font-size:14px}.view-more img{height:100px;padding:5px;width:150px}}@media (max-width:400px){.countries-container{display:flex;flex-direction:row;justify-content:center;padding:5px}.countries{gap:0;grid-template-columns:repeat(1,1fr);margin-right:0;width:40%}.country{height:80%;padding:15px;width:90%}.country img{height:85px;width:85px}.country h3,.value,li{font-size:12px}.details{padding:10px;width:40%}.view-more .table{font-size:11px}.view-more img{height:70px;padding:5px;width:120px}}*{box-sizing:border-box;font-family:Poppins,sans-serif;margin:0;padding:0}.details-container{gap:25px;margin-bottom:20px;margin-top:90px}.details-container,.each-details{align-items:center;display:flex;justify-content:center;text-align:center}.each-details{background-color:rgba(84,184,167,.3);box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);flex-direction:column;gap:15px;width:50%}.each-details img{height:200px;padding:20px;width:300px}p{font-size:18px}.shift{margin-left:5px}
/*# sourceMappingURL=main.1b655627.css.map*/