@import"https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@300;600;800&display=swap";:root{--body-font: "Nunito Sans", sans-serif;--light-mode-text: hsl(200, 15%, 8%);--light-mode-background: hsl(0, 0%, 98%);--light-mode-input: hsl(0, 0%, 52%);--white: hsl(0, 0%, 100%);--dark-mode-bg: hsl(207, 26%, 17%);--dark-mode-elements: hsl(209, 23%, 22%);--purple: rgb(143, 43, 236)}body{box-sizing:border-box;padding:0;margin:0;background-color:var(--light-mode-background);color:var(--light-mode-text);font-family:var(--body-font);font-size:14px}img{display:block}a{text-decoration:none;color:var(--light-mode-text)}input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{display:none}nav{display:flex;flex-direction:row;justify-content:space-between;padding:.3rem 5.1rem;-webkit-box-shadow:rgb(0 0 0 / 3%) 0px 0px 3px 3px;box-shadow:#00000008 0 0 3px 3px;background-color:var(--white)}h1{font-size:1.5rem}h2{font-size:1.2rem}main{display:flex;flex-direction:column;gap:3rem}.toggle-light,.toggle-dark{cursor:pointer;display:flex;flex-direction:row;align-items:center;gap:.5rem;font-size:1rem;font-weight:600;margin-top:.5rem}.search-section{display:flex;flex-direction:row;justify-content:space-between;padding:2.8rem 5rem}.input-block{position:relative;display:flex;flex-direction:row;width:30rem;align-items:center}.search-icon,.delete-icon{position:absolute;opacity:.4;font-size:1.1rem;padding-left:2rem;cursor:pointer}.delete-icon{background-color:transparent;border:none;right:0;padding-right:1rem}.input-block input{padding:1.2rem;-webkit-box-shadow:rgb(0 0 0 / 3%) 0px 0px 3px 3px;box-shadow:#00000008 0 0 3px 3px;border:none;width:100%;background-color:var(--white);border-radius:10px}.input-block input::placeholder{opacity:.4;font-size:.9rem;color:var(--light-mode-text);font-weight:600;font-family:var(--body-font)}.input-block input[type=search]{font-size:.9rem;color:var(--light-mode-text);padding-left:5rem;font-family:var(--body-font)}.select-region{position:relative;border-radius:10px;width:11.5rem;height:30%;padding:0 .2rem;-webkit-box-shadow:rgb(0 0 0 / 3%) 0px 0px 3px 3px;box-shadow:#00000008 0 0 3px 3px;background-color:var(--white)}details>summary{list-style:none}details>summary::-webkit-details-marker{display:none}.select-region summary{padding:1.3rem .8rem;cursor:pointer;border-radius:5px;list-style:none;display:flex;flex-direction:row;gap:2.8rem;align-items:center;font-size:.9rem;font-weight:400;justify-content:space-between}.select-region summary:after{content:"";display:inline-block;width:.4rem;height:.4rem;border-bottom:1px solid currentColor;border-left:1px solid currentColor;border-bottom-left-radius:2px;transform:rotate(45deg) translate(50%);transform-origin:center center;transition:all ease-in-out .3s;color:var(--dark-mode-elements)}.active-regions.select-region summary:after{transform:rotate(-45deg) translate(50%);transition:all ease-in-out .3s}.region-list{max-width:100%;display:flex;flex-direction:column;width:100%;background-color:var(--white);position:absolute;top:calc(100% + .5rem);left:0;padding:.2rem 1rem;margin:0;box-sizing:border-box;border-radius:10px;max-height:300px;overflow-y:auto;list-style:none;line-height:1.8rem;-webkit-box-shadow:rgb(0 0 0 / 3%) 0px 0px 3px 3px;box-shadow:#00000008 0 0 3px 3px}.region-list li{cursor:pointer;color:var(--dark-mode-bg);transition:all ease-in-out .3s}.searching{margin:5% auto 0;text-align:center;font-size:2rem;letter-spacing:1px;font-weight:400}.dark{background-color:var(--dark-mode-bg);color:var(--white)}.dark a{color:var(--white)}.dark nav,.dark .inside-container,.dark .input-block input,.dark .select-region,.dark .region-list,.dark .back-link{-webkit-box-shadow:0px 7px 6px -4px rgba(4,4,4,.27);box-shadow:0 7px 6px -4px #09090945;background-color:var(--dark-mode-elements)}.dark .input-block input,.dark .select-region,.dark .region-list li,.dark .input-block input::placeholder,.dark .search-icon,.dark .delete-icon,.dark .region-list,.dark .select-region summary:after{color:var(--white)}@media (hover: hover){.region-list li:hover,.dark .region-list li:hover{color:var(--purple);transition:all ease-in-out .3s}}@media screen and (max-width: 1025px){.search-section{flex-direction:column;align-items:left;gap:2rem}}@media screen and (max-width: 600px){nav{padding:1rem}.input-block{width:20rem}.search-section{align-items:initial;padding:1.5rem}}.container-block{display:grid;grid-template-columns:repeat(4,1fr);row-gap:4.7rem;column-gap:4.5rem;width:89%;margin:0 auto}.inside-container{width:16.5rem;display:flex;flex-direction:column;background-color:var(--white);border-radius:10px;-webkit-box-shadow:rgb(0 0 0 / 3%) 0px 0px 3px 3px;box-shadow:#00000008 0 0 3px 3px}.category{font-weight:600}.info-block-h2{line-height:1.3rem}.info-block{display:flex;flex-direction:column;padding:0 26px;margin-top:1rem;line-height:10px;padding-bottom:2rem}.image-container{width:100%;overflow:hidden;height:10rem}.image{border-radius:10px 10px 0 0;width:100%;height:100%;object-fit:cover}@media screen and (max-width: 1201px){.container-block{grid-template-columns:repeat(3,1fr);row-gap:2rem;column-gap:2rem;justify-items:center}}@media screen and (max-width: 1025px){.container-block{grid-template-columns:repeat(2,1fr);column-gap:1rem}}@media screen and (max-width: 600px){.container-block{grid-template-columns:1fr}.inside-container{width:80%}}.back-link{margin-top:4.5rem;margin-left:5rem}.back-link span{font-size:1.7rem}.back-link{background-color:var(--white);-webkit-box-shadow:rgb(0 0 0 / 3%) 0px 0px 3px 3px;box-shadow:#00000008 0 0 3px 3px;padding:.4rem .1rem;font-size:1rem;height:9%;display:flex;flex-direction:row;min-width:9%;width:9rem;gap:.3rem;align-items:center;justify-content:center;border-radius:10px;font-weight:400}.country-block{width:89%;margin:0 auto 10%;display:grid;grid-template-columns:repeat(2,1fr)}.country-block img{max-width:100%;width:100%;height:100%;max-height:22rem}.country-block-info{padding:.8rem 0;margin-left:2.5rem;display:flex;flex-direction:column}.country-block-info h2{font-size:2rem;text-transform:capitalize}.details-block{text-align:left;display:flex;flex-direction:row;gap:9rem}.details-block .details-block-one,.details-block .details-block-two{padding:0;line-height:2.5rem;font-size:1rem;margin-top:-1rem;list-style:none}.details-block .details-block-one span,.details-block .details-block-two span{font-weight:600}.border-countries{display:flex;flex-direction:row;gap:1rem;margin-top:2.9rem;align-items:center;flex-wrap:wrap}.border-countries-title{font-weight:600;font-size:1rem}.border-country{background-color:var(--white);padding:.4rem 1.2rem;color:var(--dark-mode-elements);-webkit-box-shadow:rgb(0 0 0 / 3%) 0px 0px 3px 3px;box-shadow:#00000008 0 0 3px 3px;cursor:pointer;font-size:.7rem;transition:all ease-in-out .3s}.dark .border-country{-webkit-box-shadow:0px 7px 6px -4px rgba(4,4,4,.27);box-shadow:0 7px 6px -4px #09090945;background-color:var(--dark-mode-elements)}.dark .border-country{color:var(--white)}@media screen and (max-width: 1025px){.country-block{align-items:center;grid-template-columns:1fr}.border-countries{gap:15px}}@media screen and (max-width: 600px){.details-block{flex-direction:column;gap:1.5rem}}@media (hover: hover){.border-country:hover,.dark .border-country:hover{color:var(--purple);transition:all ease-in-out .3s}}