.artwork-grid[data-v-5d37a51a]{box-sizing:border-box;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));width:100%}.artwork-item[data-v-5d37a51a]{aspect-ratio:1/1;background-color:#eee;display:block;overflow:hidden;position:relative;width:100%}.image-container[data-v-5d37a51a]{height:100%;position:relative;width:100%}.artwork-placeholder[data-v-5d37a51a]{align-items:center;color:#888;display:flex;font-size:.9rem;height:100%;justify-content:center;width:100%}.artwork-overlay[data-v-5d37a51a]{align-items:flex-end;background:linear-gradient(0deg,rgba(0,0,0,.85),transparent);bottom:0;box-sizing:border-box;display:flex;height:50%;left:0;opacity:0;padding:1rem;pointer-events:none;position:absolute;right:0;transition:opacity .3s ease}.artwork-title[data-v-5d37a51a]{color:#fff;font-family:Roboto Condensed,sans-serif;font-size:1.2rem;font-weight:300;overflow:hidden;text-overflow:ellipsis;text-shadow:1px 1px 3px rgba(0,0,0,.7);white-space:nowrap;width:100%}.artwork-item:hover .artwork-overlay[data-v-5d37a51a]{opacity:1}.error-message[data-v-5d37a51a],.loading-message[data-v-5d37a51a],.no-results-message[data-v-5d37a51a]{color:#555;grid-column:1/-1;padding:2rem;text-align:center}@media(max-width:768px){.artwork-grid[data-v-5d37a51a]{grid-template-columns:repeat(2,1fr)}.artwork-title[data-v-5d37a51a]{font-size:1rem;padding:.5rem}.artwork-overlay[data-v-5d37a51a]{padding:.5rem}}