._buttonMore_2bau3_1{display:flex;position:fixed;bottom:10px;left:50%;padding:10px 20px;transform:translate(-50%);border-radius:5px;background-color:#2196f3;color:#fff;cursor:pointer;font-style:normal;font-weight:400;font-size:14px;line-height:1.5;letter-spacing:.02em}@media screen and (hover: hover){._buttonMore_2bau3_1{transition:background-color .3s}._buttonMore_2bau3_1:hover{background-color:#1e88e5}}._buttonMore_2bau3_1:focus-visible{border-radius:2px;outline:#f24e1e 2px solid}@keyframes _shine_1paav_1{to{background-position-x:-200%}}._CatCard_1paav_6{position:relative;width:225px;height:225px;overflow:hidden;border-radius:5px;transition:scale .3s,box-shadow .3s}._CatCard_1paav_6:not(._CatCard_Loading_1paav_14):hover{scale:1.14;box-shadow:0 9px 18px #0000002e,0 6px 5px #0000003d}._CatCard_1paav_6:not(._CatCard_Loading_1paav_14):hover ._CatCard__Bg_1paav_18{opacity:1}._CatCard_Loading_1paav_14{background:#eee linear-gradient(110deg,#ececec 8%,#f5f5f5 18%,#ececec 33%);background-size:200% 100%;animation:1.5s _shine_1paav_1 linear infinite}._CatCard__Image_1paav_26{visibility:visible;width:225px;height:225px;object-fit:cover;transform:scaleZ(1);opacity:1;transition:filter .5s,opacity .5s,visibility .5s,scale .3s,box-shadow .3s}._CatCard__Image_Loading_1paav_35{visibility:hidden;filter:blur(5px);opacity:0}._CatCard__Bg_1paav_18{position:absolute;bottom:0;width:100%;height:94px;background:linear-gradient(180deg,#fff0,#fff 58.85%);opacity:0;transition:opacity .3s}._CatCard_1paav_6:hover ._CatCard__LikeButton_1paav_49{opacity:1}._CatCard__LikeButton_1paav_49{position:absolute;right:24px;bottom:24px;width:35px;height:32px;cursor:pointer;opacity:0;transition:opacity .3s}._CatCard__LikeButton_1paav_49:before{position:absolute;top:0;left:0;width:100%;height:100%;background:url(/frontend-challenge/svg/like-icon.svg) no-repeat center/cover;content:"";opacity:1;transition:opacity .3s}._CatCard__LikeButton_Active_1paav_73:before{opacity:0}._CatCard__LikeButton_1paav_49:after{position:absolute;top:0;left:0;width:100%;height:100%;background:url(/frontend-challenge/svg/like-icon-hover.svg) no-repeat center/cover;content:"";opacity:0;transition:opacity .3s}._CatCard__LikeButton_Active_1paav_73:after{opacity:1}._CatCard__LikeButton_1paav_49:not(._CatCard__LikeButton_Active_1paav_73):hover:after{opacity:1}._CatCard__LikeButton_1paav_49:active:after{background-image:url(/frontend-challenge/svg/like-icon-active.svg);opacity:1}._CatList_1qz62_1{display:grid;grid-template-columns:repeat(auto-fit,225px);justify-content:center;padding-top:36px;gap:16px}@media (width >= 768px){._CatList_1qz62_1{gap:48px}}@media (width >= 1440px){._CatList_1qz62_1{justify-items:start}}._FilterButton_1b1uu_1{display:flex;align-items:center;justify-content:center;height:100%;padding:23px;color:#ffffffb3;cursor:pointer;font-style:normal;font-weight:400;font-size:14px;line-height:1.5;letter-spacing:.02em}@media screen and (hover: hover){._FilterButton_1b1uu_1{transition:color .3s}._FilterButton_1b1uu_1:hover{color:#fff}}._FilterButton_1b1uu_1:focus-visible{border-radius:2px;outline:#f24e1e 2px solid}._FilterButton_Active_1b1uu_27{background-color:#1e88e5;color:#fff}._Header_1u6my_1{z-index:1;position:sticky;top:0;width:100%;height:64px;background-color:#2196f3;box-shadow:0 4px 4px #0000003d}._Header__Filters_1u6my_10{display:flex;height:100%;width:calc(100% - 32px);margin:0 auto}@media (width >= 768px){._Header__Filters_1u6my_10{width:calc(100% - 62px)}}@media (width >= 1440px){._Header__Filters_1u6my_10{width:calc(100% - 123px)}}._Main_1c4pe_1{padding-bottom:100px;width:calc(100% - 32px);margin:0 auto}@media (width >= 768px){._Main_1c4pe_1{width:calc(100% - 62px)}}@media (width >= 1440px){._Main_1c4pe_1{width:calc(100% - 123px)}}@font-face{font-style:normal;font-weight:400;src:url(/frontend-challenge/fonts/Roboto-Regular.woff2) format("woff2");font-family:Roboto}/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{margin:.67em 0;font-size:2em}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-size:1em;font-family:monospace}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-size:1em;font-family:monospace}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{margin:0;font-size:100%;line-height:1.15;font-family:inherit}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;-moz-appearance:button;appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{padding:0;border-style:none}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;display:table;max-width:100%;padding:0;color:inherit;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}#root{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%}body{max-width:1920px;margin:0 auto;font-family:Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-color:#f24e1e rgba(255,255,255,.1);scrollbar-width:thin}html::-webkit-scrollbar{width:8px;height:8px}html::-webkit-scrollbar-track{background-color:#ffffff1a}html::-webkit-scrollbar-thumb{border-radius:20px;background-color:#f24e1e}h1{margin:0}ul{margin:0;padding:0;list-style:none}a{text-decoration:none}button{border:none;background-color:transparent}