.navbar{align-items:center;display:flex;justify-content:flex-end}@media screen and (max-width:1200px){.navbar{background-color:#e6e6e6;justify-content:center;left:0;padding:15px 0;position:fixed;top:0;width:100%;z-index:22}}@media screen and (max-width:530px){.navbar{justify-content:flex-end;padding:15px 10px}}.navbar-form{position:relative}.navbar-form-input{border:2px solid #fff;border-radius:20px;color:#1d1d1d;font-size:20px;font-weight:400;line-height:30px;outline:none;padding:15px 64px 15px 30px;width:470px}@media screen and (max-width:768px){.navbar-form-input{width:270px}.navbar-form-input::-webkit-input-placeholder{font-size:14px}.navbar-form-input::placeholder{font-size:14px}}@media screen and (max-width:530px){.navbar-form-input{width:268px}}.navbar-form-input::-webkit-input-placeholder{color:#8c8c8c}.navbar-form-input::placeholder{color:#8c8c8c}.navbar-form-input:hover{border:2px solid #fbe0dc}.navbar-form-input:hover::-webkit-input-placeholder{color:#fff}.navbar-form-input:hover::placeholder{color:#fff}.navbar-form-input:focus{border:2px solid #ff868e}.navbar-form-input:focus::-webkit-input-placeholder{color:#1d1d1d}.navbar-form-input:focus::placeholder{color:#1d1d1d}.navbar-form-btn{background:#fbe0dc;border:none;border-radius:10px;color:#ff868e;cursor:pointer;font-size:20px;padding:8px 10px;position:absolute;right:10px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.navbar-form-btn:hover{background:#ff868e;color:#fff}.navbar-list{display:flex;justify-content:space-between;margin-left:15px;width:28%}@media screen and (max-width:530px){.navbar-list{display:none}}.navbar-list-item{margin-left:5px}.navbar-list-item:first-of-type{margin-left:0}.navbar-list-link{background-color:#fff;border-radius:20px;color:#ff868e;font-size:28px;padding:10px 15px;text-decoration:none}.navbar-list-link:hover{background:#fbe0dc;border-radius:20px}.navbar-list-link.active{background:#ff868e;border-radius:20px;color:#fff}.card-body{align-items:center;cursor:pointer;display:flex;flex-direction:column;justify-content:center;position:relative}.card-body:hover .card-title{background:#fbe0dc;border-radius:10px}.card-body.active .card-title{background:#ff868e;border-radius:10px;color:#fff}.card-body.active .card-image-container{border:4px solid #fbe0dc}.card-link{height:100%;left:0;position:absolute;top:0;width:100%}.card-image-container{border-radius:20px}.card-image{height:100%;width:100%}.card-title{background-color:#fff;border-radius:10px;color:#ff868e;font-size:12px;font-weight:500;letter-spacing:2px;line-height:16px;margin-top:10px;padding:10px 0;text-align:center;text-transform:uppercase;width:100%}.voting{background:#b4b7ff}.breeds,.voting{border:4px solid hsla(0,0%,100%,.6)}.breeds{background:#97eab9}.gallery{background:#ffd280;border:4px solid hsla(0,0%,100%,.6)}.aside{display:flex;flex-direction:column;padding:0 0 0 76px}@media screen and (max-width:1380px){.aside{padding:0}}@media screen and (max-width:1200px){.aside{display:none}}.aside-list{display:none;justify-content:space-between;margin:50px 0;width:90%}@media screen and (max-width:530px){.aside-list{display:flex}}.aside-list-item{margin-left:5px}.aside-list-item:first-of-type{margin-left:0}.aside-list-link{background-color:#fff;border-radius:20px;color:#ff868e;font-size:28px;padding:10px 15px;text-decoration:none}.aside-list-link:hover{background:#fbe0dc;border-radius:20px}.aside-list-link.active{background:#ff868e;border-radius:20px;color:#fff}.aside-nav-burger{align-content:center;display:flex;flex-direction:column;height:25px;justify-content:space-around;left:1%;position:fixed;top:7%;transition:all .85s ease;width:25px;z-index:25}@media screen and (min-width:1200px){.aside-nav-burger{display:none}}.aside-nav-burger-line{background-color:#000;height:3px;width:25px}.aside-nav-burger.active .aside-nav-burger-line{display:block}.aside-nav-burger.active .aside-nav-burger-line:first-of-type{position:relative;top:48%;-webkit-transform:rotate(50deg);transform:rotate(50deg)}.aside-nav-burger.active .aside-nav-burger-line:nth-of-type(2){display:none}.aside-nav-burger.active .aside-nav-burger-line:nth-of-type(3){-webkit-transform:rotate(311deg);transform:rotate(311deg)}.aside-nav-burger.active{left:24%}@media screen and (max-width:768px){.aside-nav-burger.active{left:39%}}@media screen and (max-width:530px){.aside-nav-burger.active{left:54%}}@media screen and (max-width:375px){.aside-nav-burger.active{left:77%}}@media screen and (max-width:320px){.aside-nav-burger.active{left:86%}}.aside-nav-burger.active+.aside-nav-body{left:0}.aside-nav-body{align-items:flex-start;background-color:#e6e6e6;border-bottom-right-radius:20px;border-top-right-radius:20px;display:flex;flex-direction:column;left:-100%;padding:10px 15px;position:fixed;top:3%;transition:all .7s ease;width:320px;z-index:23}@media screen and (min-width:1200px){.aside-nav-body{display:none}}.aside-nav-body .aside-logo{margin-bottom:20px}.aside-nav-body .aside-text{color:#c7a15b;margin-bottom:15px}.aside-nav-list{display:flex;flex-direction:column}.aside-nav-item{margin-top:15px}.aside-nav-item:first-of-type .aside-nav-link{color:#9597df}.aside-nav-item:nth-of-type(2) .aside-nav-link{color:#63c58c}.aside-nav-item:nth-of-type(3) .aside-nav-link{color:#c9a35c}.aside-nav-link{font-size:30px;font-weight:500;letter-spacing:1px;text-decoration:none}.aside-logo{height:24px;margin-top:8px;width:106px}.aside-welcome{margin-top:83px}.aside-title{color:#1d1d1d;font-size:44px;font-weight:500;line-height:58px}.aside-text{color:#8c8c8c;font-size:20px;font-weight:400;line-height:29px}.aside-action{display:flex;flex-direction:column;margin-top:60px}.aside-action-title{color:#1d1d1d;font-size:20px;font-weight:500;line-height:29px;margin-bottom:20px}.aside-cards{display:flex;gap:10px}.default-content{background:#fbe0dc;border-radius:20px;height:850px;position:relative;width:775px}.default-bg{left:-10%;position:absolute;top:-19%}@media screen and (max-width:768px){.actionbar{align-items:flex-start!important;flex-direction:column;gap:15px}}.actionbar-btn-prev{background:#fbe0dc;border:none;border-radius:10px;color:#ff868e;cursor:pointer;font-size:20px;padding:8px 10px}.actionbar-btn-prev:hover,.actionbar-heading{background:#ff868e;color:#fff}.actionbar-heading{border-radius:10px;font-size:20px;font-weight:500;letter-spacing:2px;line-height:30px;padding:5px 30px;text-align:center;text-transform:uppercase}.actionbar-sort-buttons{display:flex;justify-content:space-around;width:15%}.actionbar-sort{background-color:#f8f8f7;border:2px solid #f8f8f7;border-radius:10px;cursor:pointer;height:21px;height:40px;width:18px;width:40px}.actionbar-sort:hover{border:2px solid #fbe0dc}.actionbar-sort--az{position:relative}.actionbar-sort--az:before{content:url(/cat-finder-React-/static/media/sort-az.db485a20099b96d82c68.svg);left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.actionbar-sort--az:hover:before{content:url(/cat-finder-React-/static/media/sort-hover.739e260c8833e356c489.svg)}.actionbar-sort--za{position:relative}.actionbar-sort--za:before{content:url(/cat-finder-React-/static/media/sort-za.0e988999bb21bf46767e.svg);left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.actionbar-sort--za:hover:before{content:url(/cat-finder-React-/static/media/sort-revert-hover.cc0558787cd8151108f9.svg)}.actionbar .custom-select__single-value{color:#8c8c8c;font-size:16px;font-weight:400;line-height:24px}.actionbar .custom-select__menu{z-index:5}.actionbar .custom-select__control{background:#f8f8f7;border-color:#f8f8f7!important;border:21px;border-radius:10px;cursor:pointer;width:226px}.actionbar .custom-select--short.custom-select__control{width:105px}.actionbar .custom-select--short.custom-select__value-container{padding:2px 1px}.actionbar .custom-select__indicator-separator{display:none}.actionbar .custom-select__single-value{cursor:pointer}.photos-container{display:flex;flex-direction:column;gap:20px;margin-top:20px}.photos-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(3,200px);grid-template-rows:repeat(3,140px)}@media screen and (max-width:768px){.photos-grid{grid-template-columns:1fr;grid-template-rows:repeat(5,auto);justify-items:center}}.photos-link{height:100%;left:0;position:absolute;top:0;width:100%;z-index:2}.photos-hover-label{background:#fff;border-radius:10px;bottom:5%;color:#ff868e;display:none;font-size:16px;font-weight:400;height:34px;left:50%;line-height:32px;position:absolute;text-align:center;-webkit-transform:translate(-50%);transform:translate(-50%);width:180px;z-index:2}.photos-picture{cursor:pointer;position:relative}.photos-picture img{border-radius:20px;object-fit:cover}.photos-picture:after{background-color:rgba(255,134,142,.6);border-radius:20px;content:"";height:100%;left:0;position:absolute;top:0;visibility:hidden;width:100%;z-index:1}.photos-picture:hover .photos-hover-label{display:block}.photos-picture:hover:after{visibility:visible}.photos-grid:nth-of-type(odd) .photos-picture:first-of-type{grid-column:1/2;grid-row:1;height:300px;width:200px}.photos-grid:nth-of-type(odd) .photos-picture:first-of-type img{height:inherit;width:inherit}.photos-grid:nth-of-type(odd) .photos-picture:nth-of-type(2){grid-column:1/1;grid-row:3;height:140px;width:200px}.photos-grid:nth-of-type(odd) .photos-picture:nth-of-type(2) img{height:inherit;width:inherit}.photos-grid:nth-of-type(odd) .photos-picture:nth-of-type(3){grid-column:2;grid-row:1/2;height:140px;width:200px}.photos-grid:nth-of-type(odd) .photos-picture:nth-of-type(3) img{height:inherit;width:inherit}.photos-grid:nth-of-type(odd) .photos-picture:nth-of-type(4){height:140px;width:200px}.photos-grid:nth-of-type(odd) .photos-picture:nth-of-type(4) img{height:inherit;width:inherit}.photos-grid:nth-of-type(odd) .photos-picture:nth-of-type(5){grid-column:2;grid-row:2;height:300px;width:420px}.photos-grid:nth-of-type(odd) .photos-picture:nth-of-type(5) img{height:inherit;width:inherit}@media screen and (max-width:768px){.photos-grid:nth-of-type(odd) .photos-picture:first-of-type{grid-column:1/2;grid-row:1;height:350px;width:500px}.photos-grid:nth-of-type(odd) .photos-picture:first-of-type img{height:inherit;object-fit:cover;width:inherit}.photos-grid:nth-of-type(odd) .photos-picture:nth-of-type(2){grid-column:1/2;grid-row:2;height:350px;width:500px}.photos-grid:nth-of-type(odd) .photos-picture:nth-of-type(2) img{height:inherit;object-fit:cover;width:inherit}.photos-grid:nth-of-type(odd) .photos-picture:nth-of-type(3){grid-column:1/2;grid-row:3;height:350px;width:500px}.photos-grid:nth-of-type(odd) .photos-picture:nth-of-type(3) img{height:inherit;object-fit:cover;width:inherit}.photos-grid:nth-of-type(odd) .photos-picture:nth-of-type(4){grid-column:1/2;grid-row:4;height:350px;width:500px}.photos-grid:nth-of-type(odd) .photos-picture:nth-of-type(4) img{height:inherit;object-fit:cover;width:inherit}.photos-grid:nth-of-type(odd) .photos-picture:nth-of-type(5){grid-column:1/2;grid-row:5;height:350px;width:500px}.photos-grid:nth-of-type(odd) .photos-picture:nth-of-type(5) img{height:inherit;object-fit:cover;width:inherit}}@media screen and (max-width:530px){.photos-grid:nth-of-type(odd) .photos-picture:first-of-type,.photos-grid:nth-of-type(odd) .photos-picture:nth-of-type(2),.photos-grid:nth-of-type(odd) .photos-picture:nth-of-type(3),.photos-grid:nth-of-type(odd) .photos-picture:nth-of-type(4),.photos-grid:nth-of-type(odd) .photos-picture:nth-of-type(5){height:250px;width:310px}}.photos-grid:nth-of-type(2n) .photos-picture:first-of-type{grid-column:3;grid-row:1;height:300px;width:200px}.photos-grid:nth-of-type(2n) .photos-picture:first-of-type img{height:inherit;width:inherit}.photos-grid:nth-of-type(2n) .photos-picture:nth-of-type(2){grid-column:1;grid-row:1;height:140px;width:200px}.photos-grid:nth-of-type(2n) .photos-picture:nth-of-type(2) img{height:inherit;width:inherit}.photos-grid:nth-of-type(2n) .photos-picture:nth-of-type(3){grid-column:2;grid-row:1/2;height:140px;width:200px}.photos-grid:nth-of-type(2n) .photos-picture:nth-of-type(3) img{height:inherit;width:inherit}.photos-grid:nth-of-type(2n) .photos-picture:nth-of-type(4){grid-column:3;grid-row:3;height:140px;width:200px}.photos-grid:nth-of-type(2n) .photos-picture:nth-of-type(4) img{height:inherit;width:inherit}.photos-grid:nth-of-type(2n) .photos-picture:nth-of-type(5){grid-column:1;grid-row:2;height:300px;width:420px}.photos-grid:nth-of-type(2n) .photos-picture:nth-of-type(5) img{height:inherit;width:inherit}@media screen and (max-width:768px){.photos-grid:nth-of-type(2n) .photos-picture:first-of-type{grid-column:1/2;grid-row:1;height:350px;width:500px}.photos-grid:nth-of-type(2n) .photos-picture:first-of-type img{height:inherit;object-fit:cover;width:inherit}.photos-grid:nth-of-type(2n) .photos-picture:nth-of-type(2){grid-column:1/2;grid-row:2;height:350px;width:500px}.photos-grid:nth-of-type(2n) .photos-picture:nth-of-type(2) img{height:inherit;object-fit:cover;width:inherit}.photos-grid:nth-of-type(2n) .photos-picture:nth-of-type(3){grid-column:1/2;grid-row:3;height:350px;width:500px}.photos-grid:nth-of-type(2n) .photos-picture:nth-of-type(3) img{height:inherit;object-fit:cover;width:inherit}.photos-grid:nth-of-type(2n) .photos-picture:nth-of-type(4){grid-column:1/2;grid-row:4;height:350px;width:500px}.photos-grid:nth-of-type(2n) .photos-picture:nth-of-type(4) img{height:inherit;object-fit:cover;width:inherit}.photos-grid:nth-of-type(2n) .photos-picture:nth-of-type(5){grid-column:1/2;grid-row:5;height:350px;width:500px}.photos-grid:nth-of-type(2n) .photos-picture:nth-of-type(5) img{height:inherit;object-fit:cover;width:inherit}}@media screen and (max-width:530px){.photos-grid:nth-of-type(2n) .photos-picture:first-of-type,.photos-grid:nth-of-type(2n) .photos-picture:nth-of-type(2),.photos-grid:nth-of-type(2n) .photos-picture:nth-of-type(3),.photos-grid:nth-of-type(2n) .photos-picture:nth-of-type(4),.photos-grid:nth-of-type(2n) .photos-picture:nth-of-type(5){height:250px;width:310px}}.cat-info{display:flex;flex-direction:column;padding-bottom:75px}.cat-picture-container{margin:0 auto;position:relative}.cat-picture{border-radius:20px;max-height:360px;max-width:640px;object-fit:cover}.cat-circles{align-items:center;background:#fff;border-radius:20px;bottom:-10px;display:flex;height:30px;justify-content:space-around;left:50%;padding:0 10px;position:absolute;-webkit-transform:translate(-50%);transform:translate(-50%);width:100px}.cat-circles .circle{background:#fbe0dc;border-radius:10px;height:10px;width:10px}.cat-circles .circle.active{background:#ff868e}.cat-description-block{border:2px solid #fbe0dc;border-radius:20px;margin-top:51px;padding:26px 40px 40px;position:relative}.cat-name{background:#fff;color:#1d1d1d;font-size:36px;left:50%;line-height:52px;padding:20px 40px 5px;position:absolute;top:-50px;-webkit-transform:translate(-50%);transform:translate(-50%);width:80%}.cat-name,.cat-status{font-weight:500;text-align:center}.cat-status{color:#8c8c8c;font-size:20px;line-height:29px}.cat-stats-container{display:flex;gap:20px;margin-top:20px}.cat-stats{flex:0 1 50%}.cat-stats-title{color:#1d1d1d;font-size:16px;font-weight:500;line-height:23px;margin-bottom:10px}.cat-stats-title-single{margin-bottom:0}.cat-stats-text,.cat-stats-title span{color:#8c8c8c;font-size:16px;font-weight:400;line-height:23px}@media screen and (max-width:768px){.actionbar.actionbar-votign .actionbar-heading{margin-left:0!important}}.user-log{align-items:center;background:#f8f8f7;border-radius:10px;display:flex;justify-content:space-between;margin-top:20px;padding:13px 15px}@media screen and (max-width:320px){.user-log{padding:13px 5px}}.user-log-text{align-items:center;display:flex}.user-log .log-time{background-color:#fff;color:#1d1d1d;margin-right:30px;padding:5px 10px}.user-log .log-text,.user-log .log-time{font-size:16px;font-weight:400;line-height:24px}.user-log .log-text{color:#8c8c8c}.user-log .log-text span{color:#1d1d1d;font-weight:500}.user-log .log-icon{font-size:20px}.user-log .log-icon.icon-heart{color:#ff868e}.user-log .log-icon.icon-smile{color:#97eab9}.user-log .log-icon.icon-sad-face{color:#ffd280}.voting-section{display:flex;flex-direction:column;margin-bottom:70px;margin-top:20px}.voting-image-container{max-height:360px;position:relative;width:100%}.voting-img{border-radius:20px;max-height:inherit;object-fit:cover;width:100%}.voting-actions{align-items:center;bottom:-35px;display:flex;gap:5px;height:80px;justify-content:space-around;left:50%;padding:5px;position:absolute;-webkit-transform:translate(-50%);transform:translate(-50%);width:260px}.voting-actions:after{background-color:#fff;border-radius:20px;content:"";height:93px;position:absolute;width:264px;z-index:-1}.voting-actions .action{align-items:center;cursor:pointer;display:flex;height:80px;justify-content:center;width:80px}.voting-actions .action-icon{color:#fff;font-size:25px}.voting-actions .action-like{background:#97eab9;border-bottom-left-radius:20px;border-top-left-radius:20px}.voting-actions .action-like:hover{background:rgba(151,234,185,.3)}.voting-actions .action-like:hover .action-icon{color:#97eab9}.voting-actions .action-favour{background:#ff868e}.voting-actions .action-favour:hover{background:rgba(255,134,142,.3)}.voting-actions .action-favour:hover .action-icon{color:#ff868e}.voting-actions .action-dislike{background:#ffd280;border-bottom-right-radius:20px;border-top-right-radius:20px}.voting-actions .action-dislike:hover{background:rgba(255,210,128,.3)}.voting-actions .action-dislike:hover .action-icon{color:#ffd280}.no-items{background:#f8f8f7;border-radius:10px;font-size:16px;font-weight:400;line-height:24px;margin-top:20px}.no-items-message{color:#8c8c8c;padding:18px 0 18px 20px}.favourites-page .photos-picture .photos-hover-label{bottom:auto;font-size:23px;height:40px;line-height:46px;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:40px}.actionbar.actionbar-votign{justify-content:flex-start}.actionbar.actionbar-votign .actionbar-heading{margin-left:15px}.search-result{color:#8c8c8c;font-size:20px;font-weight:400;line-height:29px;margin:20px 0}.search-result span{color:#1d1d1d}.actionbar.actionbar-cat{align-items:center;display:flex;justify-content:flex-start;margin-bottom:20px;margin-top:30px}.actionbar.actionbar-cat .actionbar-heading{background:#fbe0dc;color:#ff868e;margin-left:15px}.actionbar.actionbar-cat .actionbar-breed-id{background:#ff868e;border-radius:10px;color:#fff;font-size:20px;letter-spacing:2px;line-height:30px;margin-left:10px;padding:5px 30px;text-align:center}.actionbar{align-items:center;display:flex;justify-content:space-between}.actionbar-reset{color:#ff868e;cursor:pointer;display:block;font-size:20px;position:absolute;right:5px;top:50%;-webkit-transform:translateY(-14%);transform:translateY(-14%)}.actionbar-reset:after{background-color:#fff;border-radius:10px;content:"";display:block;height:40px;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:40px;z-index:-1}.actionbar-reset:hover{color:#fff}.actionbar-reset:hover:after{background-color:#ff868e;display:block}.actionbar-gallery{flex-direction:column}.actionbar-gallery .custom-select__control{background-color:#fff;width:290px}.actionbar-gallery .custom-select--short.custom-select__control{width:238px}.actionbar-gallery .custom-select--short.custom-select__value-container{padding:2px 8px}.actionbar-gallery .actionbar-select-wrapper--auto{justify-content:flex-start;width:100%}.actionbar-gallery .actionbar-select-wrapper--auto,.actionbar-gallery .select-wrapper{display:flex;flex-direction:column;position:relative}.actionbar-gallery .custom-select__single-value{color:#1d1d1d}.actionbar-gallery .select-title{color:#8c8c8c;font-size:10px;font-weight:500;line-height:18px;margin-left:10px}.actionbar-name{display:flex}.actionbar-name .actionbar-heading{margin-left:10px}.actionbar-btn-prev,.actionbar-btn-upload{background:#fbe0dc;border:none;border-radius:10px;color:#ff868e;cursor:pointer;font-size:20px;padding:8px 10px}.actionbar-btn-prev:hover,.actionbar-btn-upload:hover{background:#ff868e;color:#fff}.actionbar-row{align-items:center;display:flex;gap:10px;justify-content:space-between;margin-top:10px;width:100%}@media screen and (max-width:768px){.actionbar-row{align-items:flex-start;flex-direction:column}}.actionbar-btn-upload{font-size:12px;font-weight:500;letter-spacing:2px;line-height:16px;padding:12px 29px;text-align:center;text-transform:uppercase}.actionbar-btn-upload:before{padding-right:10px}.actionbar-select-block{align-items:center;background-color:#f8f8f7;border-radius:20px;display:flex;flex-direction:column;justify-content:space-between;margin-top:30px;padding:10px 20px 20px;width:100%}.actionbar-select{color:#8c8c8c;cursor:pointer;display:flex;flex-direction:column;font-size:16px;font-weight:400;line-height:24px}.actionbar-option{display:none}.actionbar-option.selected{display:block}body.lock{overflow:hidden}.modal{display:none}.modal .overlay{background:rgba(0,0,0,.7);height:100%;overflow-y:scroll;padding-right:30px;position:fixed;right:0;top:0;width:100%;z-index:26}@media(max-width:768px){.modal .overlay{padding-right:0}}.modal .content{align-items:center;background-color:#fefefe;border-radius:10px;color:#333;display:flex;flex-direction:column;height:840px;justify-content:center;margin:30px 0 30px auto;padding:20px;position:relative;width:680px}@media(max-width:768px){.modal .content{height:900px;width:100%}}.modal-active{display:flex}.modal-input{left:0;opacity:0;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:100%}.modal-download-img{max-height:280px;max-width:558px;object-fit:cover}@media(max-width:768px){.modal-download-img{max-width:300px}}.modal-btn-close{color:#ff868e;cursor:pointer;font-size:20px;position:absolute;right:4%;top:3%}.modal-btn-close:hover{color:#fff}.modal-btn-close:hover:after{background:#ff868e;border-radius:10px;content:"";height:40px;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:40px;z-index:-1}.modal-header{margin-top:100px}.modal-link{color:#ff868e;text-decoration:none}.modal-loader{bottom:12%;left:40.2%;position:absolute}@media screen and (max-width:768px){.modal-loader{bottom:14.5%;left:38%}}@media screen and (max-width:625px){.modal-loader{bottom:13%;left:38%}}@media screen and (max-width:550px){.modal-loader{bottom:10%;left:36%}}@media screen and (max-width:425px){.modal-loader{bottom:10%;left:31%}}.modal-title{color:#1d1d1d;font-size:36px;font-weight:500;line-height:52px;margin-bottom:10px;text-align:center}.modal-text{color:#8c8c8c;font-size:20px;line-height:30px;text-align:center}.modal-text span{color:#ff868e}.modal-text--small{font-size:16px}.modal-text--notification{background-color:#fff;border-radius:10px;margin-top:20px;padding:18px 0 18px 50px;position:relative;text-align:left;width:100%}.modal-text--notification:before{left:3%;position:absolute;top:58%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.modal-text--error:before{content:url(/cat-finder-React-/static/media/error.77d680b62ef7678640d5.svg)}.modal-text--success:before{content:url(/cat-finder-React-/static/media/success.4a94fc5d492627cc3742.svg)}.modal-drop{align-items:center;background:#fff;border:2px dashed #fbe0dc;border-radius:20px;display:flex;height:320px;justify-content:center;margin-bottom:20px;margin-top:40px;position:relative;width:100%}.modal-drop-bg{position:absolute}.modal-drop--error{background:#fbe0dc;border:2px dashed #ff868e}.modal-drop-info{color:#8c8c8c;font-size:20px;line-height:30px;padding:0 10px;position:relative;z-index:2}.modal-drop-info span{color:#1d1d1d;font-weight:500}.modal-btn-upload{background:#ff868e;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:12px;font-weight:500;letter-spacing:2px;line-height:16px;margin-top:20px;padding:12px 30px;text-align:center}.modal-btn-upload:hover{background:#fbe0dc;color:#ff868e}@media screen and (max-width:768px){.modal-btn-upload{padding:12px 40px}}.pagination{align-items:center;display:flex;justify-content:space-around;margin-top:25px}.pagination-button{background:#fbe0dc;border:none;border-radius:10px;color:#ff868e;cursor:pointer;font-size:12px;font-weight:500;letter-spacing:2px;line-height:16px;padding:12px 0;position:relative;width:122px}.pagination-button:before{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.pagination-button:hover{background:#ff868e;color:#fff}.pagination-button[disabled],.pagination-button[disabled]:hover{background:#fff;color:#8c8c8c}.pagination-button-prev:before{left:15%}.pagination-button-next:before{right:15%;top:34%;-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}.home-page{display:flex;gap:111px;margin-top:30px;padding-bottom:30px}@media screen and (max-width:1380px){.home-page{gap:30px}}@media screen and (max-width:1200px){.home-page{align-items:center;flex-direction:column;gap:15px;justify-content:center;margin-top:0}}.aside{flex:0 1 44%;height:100%;position:-webkit-sticky;position:sticky;top:0}@media screen and (max-width:1200px){.aside{position:static}}.default-content{flex:0 1 auto}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,main,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font-size:100%;font:inherit;margin:0;padding:0;vertical-align:initial}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display:block}[hidden]{display:none}body{line-height:1}menu,ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}.react-spinner-loader-swing div{border-radius:50%;float:left;height:1em;width:1em}.react-spinner-loader-swing div:first-of-type{background:linear-gradient(90deg,#385c78 0,#325774)}.react-spinner-loader-swing div:nth-of-type(2){background:linear-gradient(90deg,#325774 0,#47536a)}.react-spinner-loader-swing div:nth-of-type(3){background:linear-gradient(90deg,#4a5369 0,#6b4d59)}.react-spinner-loader-swing div:nth-of-type(4){background:linear-gradient(90deg,#744c55 0,#954646)}.react-spinner-loader-swing div:nth-of-type(5){background:linear-gradient(90deg,#9c4543 0,#bb4034)}.react-spinner-loader-swing div:nth-of-type(6){background:linear-gradient(90deg,#c33f31 0,#d83b27)}.react-spinner-loader-swing div:nth-of-type(7){background:linear-gradient(90deg,#da3b26 0,#db412c)}.react-spinner-loader-shadow{clear:left;padding-top:1.5em}.react-spinner-loader-shadow div{background:#e3dbd2;border-radius:50%;-webkit-filter:blur(1px);filter:blur(1px);float:left;height:.25em;width:1em}.react-spinner-loader-shadow .react-spinner-loader-shadow-l{background:#d5d8d6}.react-spinner-loader-shadow .react-spinner-loader-shadow-r{background:#eed3ca}@-webkit-keyframes ball-l{0%,50%{-webkit-transform:rotate(0) translateX(0);transform:rotate(0) translateX(0)}to{-webkit-transform:rotate(50deg) translateX(-2.5em);transform:rotate(50deg) translateX(-2.5em)}}@keyframes ball-l{0%,50%{-webkit-transform:rotate(0) translate(0);transform:rotate(0) translateX(0)}to{-webkit-transform:rotate(50deg) translateX(-2.5em);transform:rotate(50deg) translateX(-2.5em)}}@-webkit-keyframes ball-r{0%{-webkit-transform:rotate(-50deg) translateX(2.5em);transform:rotate(-50deg) translateX(2.5em)}50%,to{-webkit-transform:rotate(0) translateX(0);transform:rotate(0) translateX(0)}}@keyframes ball-r{0%{-webkit-transform:rotate(-50deg) translateX(2.5em);transform:rotate(-50deg) translateX(2.5em)}50%,to{-webkit-transform:rotate(0) translateX(0);transform:rotate(0) translateX(0)}}@-webkit-keyframes shadow-l-n{0%,50%{opacity:.5;-webkit-transform:translateX(0);transform:translateX(0)}to{opacity:.125;-webkit-transform:translateX(-1.57em);transform:translateX(-1.75em)}}@keyframes shadow-l-n{0%,50%{opacity:.5;-webkit-transform:translateX(0);transform:translateX(0)}to{opacity:.125;-webkit-transform:translateX(-1.75);transform:translateX(-1.75em)}}@-webkit-keyframes shadow-r-n{0%{opacity:.125;-webkit-transform:translateX(1.75em);transform:translateX(1.75em)}50%,to{opacity:.5;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes shadow-r-n{0%{opacity:.125;-webkit-transform:translateX(1.75em);transform:translateX(1.75em)}50%,to{opacity:.5;-webkit-transform:translateX(0);transform:translateX(0)}}.react-spinner-loader-swing-l{-webkit-animation:ball-l .425s ease-in-out infinite alternate;animation:ball-l .425s ease-in-out infinite alternate}.react-spinner-loader-swing-r{-webkit-animation:ball-r .425s ease-in-out infinite alternate;animation:ball-r .425s ease-in-out infinite alternate}.react-spinner-loader-shadow-l{-webkit-animation:shadow-l-n .425s ease-in-out infinite alternate;animation:shadow-l-n .425s ease-in-out infinite alternate}.react-spinner-loader-shadow-r{-webkit-animation:shadow-r-n .425s ease-in-out infinite alternate;animation:shadow-r-n .425s ease-in-out infinite alternate}.react-spinner-loader-svg-calLoader{animation:loader-spin 1.4s linear infinite;-webkit-animation:loader-spin 1.4s linear infinite;height:230px;-webkit-transform-origin:115px 115px;transform-origin:115px 115px;width:230px}.react-spinner-loader-svg-cal-loader__path{animation:loader-path 1.4s ease-in-out infinite;-webkit-animation:loader-path 1.4s ease-in-out infinite}@-webkit-keyframes loader-spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes loader-spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes loader-path{0%{stroke-dasharray:0,580,0,0,0,0,0,0,0}50%{stroke-dasharray:0,450,10,30,10,30,10,30,10}to{stroke-dasharray:0,580,0,0,0,0,0,0,0}}@keyframes loader-path{0%{stroke-dasharray:0,580,0,0,0,0,0,0,0}50%{stroke-dasharray:0,450,10,30,10,30,10,30,10}to{stroke-dasharray:0,580,0,0,0,0,0,0,0}}.react-spinner-loader-svg svg{-webkit-transform-origin:50% 65%;transform-origin:50% 65%}.react-spinner-loader-svg svg polygon{stroke-dasharray:17;-webkit-animation:dash 2.5s cubic-bezier(.35,.04,.63,.95) infinite;animation:dash 2.5s cubic-bezier(.35,.04,.63,.95) infinite}@-webkit-keyframes dash{to{stroke-dashoffset:136}}@keyframes dash{to{stroke-dashoffset:136}}@-webkit-keyframes rotate{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotate{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@font-face{font-display:block;font-family:iconfont;font-style:normal;font-weight:400;src:url(/cat-finder-React-/static/media/iconfont.15e49d7f237c000046a4.eot);src:url(/cat-finder-React-/static/media/iconfont.15e49d7f237c000046a4.eot#iefix) format("embedded-opentype"),url(/cat-finder-React-/static/media/iconfont.f2bcf27bd2e82c150897.ttf) format("truetype"),url(/cat-finder-React-/static/media/iconfont.61ddd2571bd172164e3a.woff) format("woff"),url(/cat-finder-React-/static/media/iconfont.11913029a413ac33f1e3.svg#iconfont) format("svg")}[class*=" icon-"]:before,[class^=icon-]:before{speak:never;-webkit-font-feature-settings:normal;font-feature-settings:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:iconfont!important;font-style:normal;font-variant:normal;font-weight:400;line-height:1;text-transform:none}.icon-dropdown:before{content:"\e90d"}.icon-arrow-left:before{content:"\e900"}.icon-close:before{content:"\e901"}.icon-error:before{content:"\e902"}.icon-heart:before{content:"\e903"}.icon-heart-fill:before{content:"\e904"}.icon-sad-face:before{content:"\e905"}.icon-search:before{content:"\e906"}.icon-smile:before{content:"\e907"}.icon-sort-az:before{content:"\e908"}.icon-sort-za:before{content:"\e909"}.icon-success:before{content:"\e90a"}.icon-update:before{content:"\e90b"}.icon-upload:before{content:"\e90c"}.icon-menu:before{content:"\e9bd"}.icon-cross:before{content:"\ea0f"}*{box-sizing:border-box}body{background-color:#f8f8f7;font-family:Jost}.container{margin:0 auto;max-width:1440px}@media screen and (max-width:1380px){.container{padding:0 20px}}.content{display:flex;flex:1 1 33%;flex-direction:column;position:relative}.content-loader{left:50%;position:absolute;top:-200%;-webkit-transform:translate(-50%,200%);transform:translate(-50%,200%);z-index:20}@media screen and (max-width:768px){.content-loader{top:-1365%}}.content-wrapper{background-color:#fff;border-radius:20px;margin-top:10px;padding:20px}@media screen and (max-width:768px){.content-wrapper{padding:5px 10px}}@media screen and (max-width:1200px){.content{align-items:center;justify-content:center;margin-top:80px;width:670px}}@media screen and (max-width:768px){.content{margin-top:80px;width:510px}}@media screen and (max-width:530px){.content{margin-top:80px;width:330px}}@media screen and (max-width:320px){.content{margin-top:80px;width:310px}}.dislikes-page .photos-picture .photos-hover-label,.favourites-page .photos-picture .photos-hover-label,.gallery-page .photos-picture .photos-hover-label,.likes-page .photos-picture .photos-hover-label{bottom:auto;font-size:23px;height:40px;line-height:46px;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:40px}.custom-select__control{border:2px solid #fff!important}.custom-select__control:hover{border:2px solid #fbe0dc!important}@media(max-width:768px){.actionbar-sort-buttons{justify-content:space-between;width:25%}}@media(max-width:530px){.actionbar-sort-buttons{justify-content:space-between;width:35%}}
/*# sourceMappingURL=main.953d60f7.css.map*/