@import"https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap";*{padding:0;margin:0;box-sizing:border-box;font-family:Nunito Sans,serif}:root{--Dark-Blue: hsl(209, 23%, 22%);--Very-Dark-Blue-1: hsl(207, 26%, 17%);--Very-Dark-Blue-2: hsl(200, 15%, 8%);--Dark-Gray: hsl(0, 0%, 52%);--Very-Light-Gray: hsl(0, 0%, 98%);--White: hsl(0, 0%, 100%)}body{background-color:var(--Very-Light-Gray)}.dark{background-color:var(--Very-Dark-Blue-1)}img{max-width:100%;height:auto}.header{background-color:var(--White);padding:.75rem;display:flex;align-items:center;justify-content:space-between;height:80px;position:fixed;width:100%;top:0;left:0;box-shadow:0 1px 5px #0006;z-index:99}.header h1{font-size:1.2rem}.header button{background-color:transparent;border:none;cursor:pointer;display:flex;align-items:center;gap:.5rem;font-size:1rem}.header svg{width:20px;height:20px}.header svg path{fill:#fff}.dark .header{background-color:var(--Dark-Blue);color:var(--White)}.dark .header button{color:var(--White)}.dark .header svg path{fill:#fff}.main-content{margin-top:6.8rem}.inputs{display:flex;flex-direction:column;align-items:flex-start}.searchForm{width:500px;max-width:90vw;margin-inline:auto;margin-block:2rem;padding-left:2rem;border-radius:8px;background-color:var(--White);display:flex;align-items:center;gap:1.5rem}.searchForm svg{color:var(--Dark-Gray)}.searchForm input{border:none;flex:1;outline:none;padding-block:1.5rem}.searchForm input::placeholder{color:var(--Dark-Gray)}.dark .searchForm{background-color:var(--Dark-Blue)}.dark .searchForm svg{color:var(--Very-Light-Gray)}.dark .searchForm input{background-color:var(--Dark-Blue);color:var(--White)}.dark .searchForm input::placeholder{color:var(--Very-Light-Gray)}.filter{width:250px;margin-left:1rem;border-radius:8px;cursor:pointer;position:relative}.filter div:nth-child(1){padding:1rem 1.25rem;background-color:var(--White);display:flex;align-items:center;justify-content:space-between}.dark .filter div:nth-child(1){background-color:var(--Dark-Blue);color:var(--White)}.filter .listItems{margin-top:.5rem;list-style:none;background-color:var(--White);padding:.75rem 1rem;border-radius:8px;transition:.3s;opacity:0;position:absolute;left:0;right:0;top:-20px;pointer-events:none}.dark .filter .listItems{background-color:var(--Dark-Blue);color:var(--White)}.filter .open{top:53px;opacity:1;pointer-events:initial}.content{padding-top:2.5rem}.items-container{display:grid;grid-template-columns:280px;justify-content:center;row-gap:2rem}.items-container .item{background-color:var(--White);border-radius:8px;overflow:hidden;box-shadow:5px 5px 9px #0006}.dark .items-container .item{background-color:var(--Dark-Blue);color:var(--White)}.items-container .item .image{height:180px}.items-container .item .image img{width:100%;height:100%;object-fit:cover}.items-container .item .text{padding-inline:1.5rem;padding-block:1.5rem 2.5rem}.items-container .item .text span{display:block;font-size:14px}.items-container .item .text span:not(:last-child){margin-bottom:.25rem}.items-container .item .name{margin-bottom:1.25rem}.modal{position:fixed;background-color:var(--Very-Light-Gray);z-index:100;right:0;bottom:0;left:0;top:80px;padding:1.75rem 1.5rem;overflow:auto}.dark .modal{background-color:var(--Very-Dark-Blue-1);color:var(--White)}.modal::-webkit-scrollbar{width:0}.modal .back{margin-bottom:2rem;border:none;background-color:var(--White);padding:.5rem 2.5rem;cursor:pointer;display:flex;align-items:center;column-gap:.5rem;box-shadow:2px 1px 10px #0006}.dark .modal .back{background-color:var(--Dark-Blue);color:var(--White)}.modal-name{margin-block:1rem 1.5rem}.modal span{display:block}.modal span:not(:last-child){margin-bottom:.5rem}.modal-content .part-one{margin-bottom:2rem}.modal .part-two span:nth-child(3) span{display:inline-block}.modal .borders .title{margin-block:.75rem}.modal .borders span{display:inline-block;border-radius:5px;background-color:var(--White);padding:.5rem 1rem;margin-right:.5rem}.dark .modal .borders span{background-color:var(--Dark-Blue)}.loading{text-align:center;margin-top:3rem}@media (min-width: 40em){.items-container{grid-template-columns:repeat(2,260px);column-gap:2rem}}@media (min-width: 64em){.header{padding-inline:3rem}.inputs{flex-direction:row;justify-content:space-between;align-items:center;padding-inline:2rem}.searchForm{margin-inline:initial}.items-container{grid-template-columns:repeat(4,minmax(200px,300px))}.modal-content{display:grid;grid-template-columns:500px 200px 200px;grid-template-rows:repeat(2,240px);column-gap:4rem;align-items:center;padding-inline:3rem}.modal-content img{grid-row:1/3;align-self:flex-start}.modal-content .part-one{margin-bottom:3rem;margin-top:1rem}.modal-content .borders{grid-column:2 / 4;align-self:flex-start;margin-top:1rem}.modal{overflow:hidden}}