.Search{display:flex;flex:1;gap:8px;margin-left:auto;font-size:18px;width:100%}@media (min-width: 750px){.Search{width:auto}}.Search__inputWrapper{margin-left:auto;position:relative;display:flex;flex:1;align-items:center}@media (min-width: 750px){.Search__inputWrapper{max-width:450px}}.Search__inputClear{position:absolute;right:4px;color:var(--theme-color);font-size:24px;cursor:pointer}.Search__input{padding:8px;width:100%;font-size:inherit}.Search__input--hasValue{padding-right:32px}.Search__submit{width:80px;background:var(--theme-color);color:var(--primary-color);border:1px solid var(--tertiary-color);font-size:inherit}.Search__submit:hover{transition:color ease .3s,background ease .6s;background:var(--tertiary-color);color:var(--theme-color)}.Search__submit[disabled]{opacity:.5;cursor:not-allowed}.Header{display:flex;flex-direction:column;z-index:1;background:var(--theme-color);align-items:center;gap:12px;position:fixed;top:0;right:0;left:0;border-bottom:1px solid var(--border-color-light);padding:24px}@media (min-width: 750px){.Header{flex-direction:row}}.Card{aspect-ratio:1/1;position:relative;overflow:hidden;border:1px solid var(--border-color-light);border-radius:8px}.Card:hover .Card__title,.Card:focus .Card__title{bottom:0}.Card__title{position:absolute;left:0;right:0;bottom:-100%;z-index:1;background:var(--secondary-color-50);text-align:left;padding:12px;transition:ease-in-out bottom .5s}.Card__title span{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.Card__image{object-position:50% 50%;object-fit:cover;position:absolute;top:0;left:0;width:100%;height:100%;opacity:0}.Card__image--isLoaded{transition:opacity 1s ease-out;opacity:1}.ArtObjects-spinner{display:flex;margin:24px auto 0}.ArtObjects{display:flex;flex-direction:column;margin:0 auto;max-width:1400px}.ArtObjects__title{margin:0;font-weight:400;text-align:right}.ArtObjects__loader{display:flex;margin:auto}.ArtObjects__list{list-style:none;padding:0;display:grid;gap:18px;grid-template-columns:repeat(2,1fr)}@media (min-width: 750px){.ArtObjects__list{grid-template-columns:repeat(4,1fr)}}@media (min-width: 900px){.ArtObjects__list{grid-template-columns:repeat(5,1fr)}}.ArtObjects__load-more{padding:16px 12px;margin:12px auto;font-size:18px;background:var(--border-color-light);color:var(--tertiary-color);border:0;border-radius:8px;min-width:150px;cursor:pointer;transition:color ease-in .2s,background ease-in .3s}.ArtObjects__load-more:hover,.ArtObjects__load-more:focus{background:var(--secondary-color);color:var(--theme-color)}.Spinner{transform-origin:center;animation:spinner .75s infinite linear}@keyframes spinner{to{transform:rotate(360deg)}}:root{--theme-color: rgb(36, 36, 36);--primary-color: rgb(255, 255, 255);--secondary-color: rgb(150, 149, 147);--secondary-color-50: rgba(150, 149, 147, .5);--tertiary-color: rgb(241, 241, 241);--border-color-light: rgb(49, 49, 49)}body{margin:0;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;background-color:var(--theme-color);color:var(--primary-color)}*,*:before,*:after{box-sizing:border-box}input{margin:0;border:0;border-radius:4px}input:focus{outline:none;box-shadow:var(--border-color-light) 0 5px 15px}input[type=submit]{cursor:pointer}.layout{padding:150px 28px}@media (min-width: 750px){.layout{padding:120px 28px}}