.app__projects-toolbar{z-index:1;background-color:var(--primary-color);flex-direction:row;justify-content:space-between;align-items:center;gap:1rem;width:100%;padding:4.5rem 2rem .5rem;display:flex;position:sticky;top:0;left:0;box-shadow:0 0 10px #0003}@media screen and (max-width:900px){.app__projects-toolbar{flex-direction:column;align-items:stretch;gap:.75rem;padding:4.5rem 1rem .75rem}}.app__projects-toolbar .app__work-filter{box-shadow:none;scrollbar-width:none;-webkit-overflow-scrolling:touch;background-color:#0000;flex-wrap:nowrap;flex:auto;justify-content:flex-start;align-items:center;gap:.5rem;min-width:0;padding-top:0;padding-bottom:0;display:flex;position:static;overflow:auto hidden}.app__projects-toolbar .app__work-filter::-webkit-scrollbar{display:none}.app__projects-toolbar .app__work-filter .app__work-filter-item{flex:none;margin:0}.app__projects-toolbar .app__work-filter .app__work-filter-item:first-child{margin-left:0}.app__projects-toolbar .app__work-filter .app__work-filter-item:last-child{margin-right:0}.app__projects-search{background-color:#0000000a;border-radius:25px;flex:none;align-items:center;width:300px;height:45px;padding:0 .5rem;transition:all .3s;display:flex}.app__projects-search svg{color:gray;flex-shrink:0;width:20px;height:20px;margin:0 .5rem}.app__projects-search input{min-width:0;font-family:var(--font-base);color:var(--black-color);background:0 0;border:none;outline:none;flex:1;font-size:15px}.app__projects-search input::placeholder{color:var(--gray-color)}.app__projects-search:focus-within{box-shadow:0 0 0 2px var(--secondary-color);background-color:#fff}@media screen and (max-width:900px){.app__projects-search{width:100%}}.app__projects-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));align-items:stretch;gap:1.5rem;width:100%;min-height:70vh;padding:1.5rem 2rem 3rem;display:grid}@media screen and (max-width:900px){.app__projects-grid{gap:1rem;padding:1rem 1rem 3rem}}@media screen and (min-width:2000px){.app__projects-grid{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:2rem;padding:2rem 2rem 4rem}}.app__projects-grid .app__work-item{box-sizing:border-box;flex-direction:column;width:100%;height:100%;min-height:380px;margin:0;padding-top:0;display:flex}.app__projects-grid .app__work-item .app__work-img{margin-top:0}