.app-search{display:flex;flex-flow:column;margin:-40px auto 0;row-gap:20px;width:75%}.app-search-form{background-color:#fff;box-shadow:0 0 20px #0000001a;color:#8d8d8d;-moz-column-gap:20px;column-gap:20px;display:flex;padding:25px 30px;position:relative;transition-duration:.2s}.app-search-form:hover{color:#333}.app-search-input{font-size:16px;height:35px;width:100%}.app-search-input:focus{outline:none}.app-grid-item{background-color:#f2f2f2;position:relative;transition-duration:.2s}.app-grid-item:hover{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);box-shadow:0 0 transparent,0 0 transparent,0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow)}.app-grid{display:grid;grid-template-rows:max-content;grid-gap:20px;gap:20px}@media (min-width:350px){.app-grid[data-type=product]{grid-template-columns:repeat(1,minmax(0,1fr))}}@media (min-width:576px){.app-grid[data-type=product]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:992px){.app-grid[data-type=product]{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:350px){.app-grid[data-type=test]{grid-template-columns:repeat(1,minmax(0,1fr))}}@media (min-width:576px){.app-grid[data-type=test]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:992px){.app-grid[data-type=test]{grid-template-columns:repeat(3,minmax(0,1fr))}}