.case-builder{width:100%;display:flex;margin:24px 0}.case-builder .drop-target{border:4px dashed #333;min-height:200px;border-radius:20px;display:grid;place-items:center;text-align:center;color:#888}.case-builder .drop-target .search-category{background-color:transparent;flex-direction:column;justify-content:center}.case-builder .arrow{padding:10px;display:grid;place-items:center;text-align:center;font-size:32px}.case-builder .arrow i.q-icon{font-size:30px;width:30px;height:30px}.search-items{display:flex;column-gap:10px;row-gap:10px;flex-wrap:wrap}.search-category{background-color:#eee;padding:13px;margin:0;border-radius:5px;flex-direction:row;display:flex;align-items:center}.search-category div{display:flex;flex-wrap:wrap;margin:0;column-gap:10px;row-gap:10px}.search-category div p{margin:0;padding:5px;display:grid;place-items:center;text-align:center;color:#fff;font-weight:700;font-size:12px;text-shadow:0 0 4px #000;box-shadow:2px 2px 5px #000000b3}.search-category div p.category-title{background-color:transparent;box-shadow:none;color:#000;text-shadow:none}@media (min-width: 960px) and (max-width: 1100px){.search-items{column-gap:13px;row-gap:13px}.search-category{padding:14px}.search-category div{column-gap:13px;row-gap:13px}.search-category div p{width:75px;height:60px;font-size:12.5px;padding:6px}.case-builder .arrow i.q-icon{font-size:40px;width:40px;height:40px}}@media (min-width: 1100px){.search-items{column-gap:16px;row-gap:16px}.search-category{padding:16px}.search-category div{column-gap:16px;row-gap:16px}.search-category div p{width:80px;height:80px;font-size:13px;padding:6px}.case-builder .arrow i.q-icon{font-size:50px;width:50px;height:50px}}
