@import url(https://fonts.googleapis.com/css2?family=Jost:wght@400;500;700&display=swap);.switch{background-color:#fbe0dc;border-radius:50px;cursor:pointer;display:inline-block;height:24px;position:relative;width:44px}.switch__container{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;gap:5px}.switch__container,.switch__indicator{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.switch__indicator{-webkit-box-pack:center;-ms-flex-pack:center;background-color:#fff;border-radius:50%;color:#ff868e;display:-webkit-box;display:-ms-flexbox;display:flex;height:24px;justify-content:center;width:24px}.switch__circle{background-color:#ff868e;border-radius:50%;display:inline-block;height:16px;left:4px;position:absolute;top:4px;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;width:16px;z-index:1}.switch__slider{display:none}.switch__slider:checked+.switch__circle{-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px)}.dark-theme .switch{background-color:rgba(255,134,142,.2)}.dark-theme .switch__indicator{background-color:hsla(0,0%,100%,.05)}.header__line{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:justify;-ms-flex-pack:justify;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:space-between}.header__logo-img{max-width:108px}.nav__list{grid-gap:16px;display:grid;grid-template-columns:repeat(3,1fr)}@media only screen and (max-width:1100px){.nav__list{gap:54px}}@media only screen and (max-width:600px){.nav__list{grid-gap:24px}}@media only screen and (max-width:450px){.nav__list{grid-gap:16px}}.nav__card-image{border:4px solid hsla(0,0%,100%,.6);border-radius:20px;margin-bottom:10px;overflow:hidden;padding-bottom:143.4782608696%;position:relative;-webkit-transition:all .2s;-o-transition:all .2s;transition:all .2s}.nav__card-image img{left:50%;-o-object-fit:contain;object-fit:contain;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:72.4637681159%}@media only screen and (max-width:1100px){.nav__card-image img{height:100%;width:100%}.nav__card-image{padding-bottom:80%}}@media only screen and (max-width:600px){.nav__card-image{padding-bottom:100%}}.nav__card-text{background-color:#fff;border-radius:10px;color:#ff868e;font-size:12px;font-weight:500;letter-spacing:2px;line-height:16px;padding:10px;text-transform:uppercase;-webkit-transition:all .2s;-o-transition:all .2s;transition:all .2s}.nav__card--1 .nav__card-image{background-color:#b4b7ff}.nav__card--2 .nav__card-image{background-color:#97eab9}.nav__card--3 .nav__card-image{background-color:#ffd280}.nav__card--3 .nav__card-image img{bottom:0;top:auto;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}.nav__link:hover .nav__card-image{border-color:#fff}.nav__link:hover .nav__card-text{background-color:#fbe0dc}.nav__link.nav__link--active .nav__card-image{border-color:#fbe0dc}.nav__link.nav__link--active .nav__card-text{background-color:#ff868e;color:#fff}.dark-theme .nav__link .nav__card-text{background-color:hsla(0,0%,100%,.1)}.dark-theme .nav__link.nav__link--active .nav__card-text{background-color:#ff868e}.aside{-ms-flex-item-align:start;align-self:start;min-height:100vh;padding:30px;position:sticky;top:0}@media only screen and (max-width:1100px){.aside{-ms-flex-item-align:stretch;align-self:stretch;position:relative;top:auto}}@media only screen and (max-width:450px){.aside{padding:18px}}.aside__container{margin:0 auto;max-width:446px}@media only screen and (max-width:1100px){.aside__container{max-width:100%}}.aside__content{margin-top:80px}.aside__title{margin-bottom:10px}.aside__welcome{color:#8c8c8c;font-size:20px;font-weight:400;letter-spacing:0;line-height:29px;margin-bottom:60px;text-align:left}.aside__welcome span{color:#8c8c8c}.aside__paragraph{color:var(--color-text);font-size:20px;font-weight:400;font-weight:500;letter-spacing:0;line-height:29px;margin-bottom:20px;text-align:left}.aside__paragraph span{color:#8c8c8c}.home-page__container{min-height:100%;overflow:hidden}.home-page__content{-webkit-box-flex:1;-ms-flex-positive:1;background-color:#fbe0dc;border-radius:20px;flex-grow:1;min-height:100%;position:relative}.home-page__content img{left:50%;position:absolute;top:56%;-webkit-transform:translate(-50%,-50%) scale(1.14);-ms-transform:translate(-50%,-50%) scale(1.14);transform:translate(-50%,-50%) scale(1.14);width:100%}.wrapper{background-color:var(--color-bg)}.wrapper__container{display:grid;grid-template-columns:.45fr .55fr;margin:0 auto;max-width:1440px;width:100%}@media only screen and (max-width:1100px){.wrapper__container{grid-template-columns:1fr}.wrapper__aside{display:none}}.async-select__search{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background-color:#fbe0dc;border-radius:10px;color:#ff868e;display:-webkit-box;display:-ms-flexbox;display:flex;height:40px;justify-content:center;width:40px}.async-select__control--is-focused{border-color:#ff868e!important}.dark-theme .async-select__control{background-color:hsla(0,0%,100%,.05);border-color:#b4b7ff}.dark-theme .async-select__input-container,.dark-theme .async-select__single-value{color:#fff}.dark-theme .async-select__menu,.dark-theme .async-select__option{background-color:#fbe0dc}.square-btn,.square-btn:link,.square-btn:visited{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;border:none;color:#ff868e;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;justify-content:center;-webkit-transition:all .2s;-o-transition:all .2s;transition:all .2s}.square-btn--small{border-radius:10px;color:#ff868e;height:40px;width:40px}.square-btn--small svg{height:20px;width:20px}.square-btn--small.square-btn--primary{background-color:#fbe0dc}.square-btn--small.square-btn--primary:active,.square-btn--small.square-btn--primary:hover{background-color:#ff868e;color:#fff}.square-btn--small.square-btn--secondary{background-color:#fff}.square-btn--small.square-btn--secondary:active,.square-btn--small.square-btn--secondary:hover{background-color:#ff868e;color:#fff}.square-btn--large{background-color:#fff;border-radius:20px;height:60px;width:60px}.square-btn--large svg{height:30px;width:30px}.square-btn--large:hover{background-color:#fbe0dc}.square-btn--large.square-btn--active,.square-btn--large:active{background-color:#ff868e;color:#fff}@media only screen and (max-width:450px){.square-btn--large{height:54px;width:54px}.square-btn--large svg{height:28px;width:28px}}.dark-theme .square-btn--small{background-color:rgba(255,134,142,.2)}.dark-theme .square-btn--large{background-color:rgba(255,134,142,.05)}.dark-theme .square-btn--large:hover{background-color:#fbe0dc}.dark-theme .square-btn--large.square-btn--active,.dark-theme .square-btn--large:active{background-color:#ff868e;color:#fff}.modal__overlay{background-color:rgba(29,29,29,.6);bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;left:0;position:fixed;right:0;top:0;z-index:1000}.modal__container{background-color:#f8f8f7;border-radius:30px;bottom:30px;left:30px;margin:auto;max-width:680px;overflow-y:auto;padding:24px;position:absolute;right:30px;top:30px}@media only screen and (max-width:1100px){.modal__container{border-radius:0;border-radius:initial;bottom:0;left:0;max-width:100%;right:0;top:0}}.modal__content{height:100%}.modal__close-btn{position:absolute;right:20px;top:20px}.modal--dark.modal .modal__container{background-color:#282828}.actions-line{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;gap:10px}@media only screen and (max-width:1100px){.actions-line{display:grid;grid-template-columns:1fr}}.actions-line__search{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}@media only screen and (max-width:1100px){.actions-line__search{grid-row:2/3}}.actions-line__nav-buttons{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;gap:10px;margin-left:auto}@media only screen and (max-width:1100px){.actions-line__nav-buttons{grid-row:1/2;width:100%}}.actions-line__menu-btn{margin-right:auto}.mobile-nav{padding:100px 0}.modal.modal--dark .mobile-nav .nav__link .nav__card-text{background-color:hsla(0,0%,100%,.1)}.modal.modal--dark .mobile-nav .nav__link.nav__link--active .nav__card-text{background-color:#ff868e}.page-controls{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:start;-ms-flex-pack:start;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:10px;justify-content:start}.page-controls__title{background-color:#ff868e;border-radius:10px;color:#fff;font-size:20px;font-weight:500;letter-spacing:2px;line-height:30px;padding:5px 30px;text-transform:uppercase}.page-controls__extra-content{margin-left:auto}@media only screen and (max-width:600px){.page-controls__extra-content{margin-left:0}}.log{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#f8f8f7;border-radius:10px;display:-webkit-box;display:-ms-flexbox;display:flex;gap:20px;padding:15px}.log__time{background-color:#fff;border-radius:5px;color:#1d1d1d;padding:3px 10px}.log__text{font-size:16px;font-weight:400;line-height:24px}.log__text span{color:var(--color-text);font-weight:500}@media only screen and (max-width:600px){.log__text{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3;width:100%}}.log__icon{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:center;margin-left:auto}.log__icon--like{color:#97eab9}.log__icon--fav{color:#ff868e}.log__icon--dislike{color:#ffd280}@media only screen and (max-width:600px){.log__icon{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.log{-ms-flex-wrap:wrap;flex-wrap:wrap}}.dark-theme .log{background-color:hsla(0,0%,100%,.05)}.dark-theme .log__time{background-color:#1d1d1d;color:#fff}.user-actions{background-color:#fff;border:4px solid #fff;border-radius:20px;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;gap:4px;overflow:hidden}.user-actions__btn{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;border:none;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;height:80px;justify-content:center;width:80px}.user-actions__btn:not(:disabled){-webkit-transition:all .2s;-o-transition:all .2s;transition:all .2s}.user-actions__btn:not(:disabled):first-child{background-color:#97eab9}.user-actions__btn:not(:disabled):first-child:hover{background-color:#6de19c}.user-actions__btn:not(:disabled):first-child:active{background-color:#42d980}.user-actions__btn:not(:disabled):nth-child(2){background-color:#ff868e}.user-actions__btn:not(:disabled):nth-child(2):hover{background-color:#ff6d76}.user-actions__btn:not(:disabled):nth-child(2):active{background-color:#ff535e}.user-actions__btn:not(:disabled):nth-child(3){background-color:#ffd280}.user-actions__btn:not(:disabled):nth-child(3):hover{background-color:#ffc04d}.user-actions__btn:not(:disabled):nth-child(3):active{background-color:#ffae1a}.user-actions__btn:disabled{background-color:#fbe0dc;cursor:not-allowed}@media only screen and (max-width:600px){.user-actions__btn{height:60px;width:60px}}.dark-theme .user-actions{border-color:#1d1d1d}.loader{-webkit-animation:rotation 1s linear infinite;animation:rotation 1s linear infinite;border-radius:50%;-webkit-box-sizing:border-box;box-sizing:border-box;display:inline-block}.loader--large{border-right:8px solid transparent;border-top:8px solid #fbe0dc;height:100px;width:100px}@media only screen and (max-width:450px){.loader--large{border-right:4px solid transparent;border-top:4px solid #fbe0dc;height:64px;width:64px}}.loader--small{border-right:2px solid transparent;border-top:2px solid #fbe0dc;height:16px;width:16px}@-webkit-keyframes rotation{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotation{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.loader-container{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;justify-content:center;padding:20px 0}.loader-container,.voting-page{-webkit-box-orient:vertical;-webkit-box-direction:normal;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.voting-page{min-height:100vh}.voting-page__loader{padding-bottom:56.25%;padding-top:0}.voting-page__loader .loader{position:absolute;top:35%}.voting-page__image{position:relative}.voting-page__image-container{border-radius:20px;overflow:hidden;padding-bottom:56.25%;position:relative}.voting-page__image img{height:100%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;width:100%}.voting-page__image-controls{bottom:0;left:50%;position:absolute;-webkit-transform:translate(-50%,50%);-ms-transform:translate(-50%,50%);transform:translate(-50%,50%);z-index:10}.voting-page__logs{grid-row-gap:10px;display:grid;grid-template-columns:1fr;margin-top:52px;row-gap:10px}.grid{grid-row-gap:1fr;grid-template-columns:1fr;row-gap:1fr}.grid,.grid__sub{grid-gap:20px;display:grid;gap:20px}.grid__sub{grid-auto-flow:row;grid-auto-rows:140px;grid-template-columns:repeat(3,1fr)}.grid__sub--even .grid__sub-item--1{grid-row:1/span 2}@media only screen and (max-width:600px){.grid__sub--even .grid__sub-item--1{grid-row:auto}}.grid__sub--even .grid__sub-item--5{grid-column:2/span 2;grid-row:2/span 2}@media only screen and (max-width:600px){.grid__sub--even .grid__sub-item--5{grid-column:auto;grid-row:auto}}.grid__sub--odd .grid__sub-item--3{grid-column:3;grid-row:1/span 2}@media only screen and (max-width:600px){.grid__sub--odd .grid__sub-item--3{grid-column:auto;grid-row:auto}}.grid__sub--odd .grid__sub-item--4{grid-column:1/span 2;grid-row:2/span 2}@media only screen and (max-width:600px){.grid__sub--odd .grid__sub-item--4{grid-column:auto;grid-row:auto}.grid__sub{grid-auto-rows:206px;grid-template-columns:1fr}}.empty-state{background-color:#f8f8f7;border-radius:10px;font-size:16px;font-weight:400;letter-spacing:0;line-height:24px;padding:18px 20px}.dark-theme .empty-state{background-color:hsla(0,0%,100%,.05)}.card{-ms-flex-item-align:stretch;-webkit-box-orient:vertical;-webkit-box-direction:normal;align-self:stretch;border-radius:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;justify-self:stretch;min-height:100%}.card,.card__image{overflow:hidden;position:relative}.card__image{-webkit-box-flex:1;-ms-flex:1;flex:1}.card__image img{-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.card__hover,.card__image img{height:100%;left:0;position:absolute;top:0;width:100%}.card__hover{background-color:rgba(255,134,142,.6);opacity:0;pointer-events:none;-webkit-transition:all .4s;-o-transition:all .4s;transition:all .4s;visibility:hidden}.card__hover-content{background-color:#fff;border-radius:10px;color:#ff868e;font-size:16px;font-weight:400;letter-spacing:0;line-height:24px;position:absolute;-webkit-transition:all .2s;-o-transition:all .2s;transition:all .2s;z-index:1}.card__hover-content:hover{background-color:#fbe0dc}.card__hover-content--center{left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.card__hover-content--bottom{bottom:10px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}.card__hover-content--full-width{padding:5px 10px;width:90%}.card.card--with-hover:hover .card__hover{opacity:1;pointer-events:all;visibility:visible}.dark-theme .card__hover-content{background-color:#1d1d1d}.breeds-page__results-info{color:#8c8c8c;font-size:20px;font-weight:400;line-height:30px}.breeds-page__results-info span{color:var(--color-text);font-weight:500}.breeds-page__info{-webkit-box-orient:vertical;-webkit-box-direction:normal;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:10px}.breeds-page__info-item span{color:var(--color-text);font-weight:500}.select__dropdown-indicator{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;color:#8c8c8c;display:-webkit-box;display:-ms-flexbox;display:flex;height:40px;justify-content:center;width:40px}.select__control{caret-color:transparent}.select__control--is-focused{border-color:#ff868e!important}.dark-theme .select__control{background-color:hsla(0,0%,100%,.05);border-color:#b4b7ff}.dark-theme .select__input-container,.dark-theme .select__single-value{color:#fff}.dark-theme .select__menu,.dark-theme .select__option{background-color:#fbe0dc}.btn{-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:none;border-radius:10px;display:-webkit-box;display:-ms-flexbox;display:flex;gap:10px;padding:12px 30px;-webkit-transition:all .2s;-o-transition:all .2s;transition:all .2s}.btn__text{font-size:12px;font-weight:500;letter-spacing:2px;line-height:16px;text-align:center;text-transform:uppercase}.btn--primary:not(:disabled){background-color:#ff868e;color:#fff}.btn--primary:not(:disabled):active,.btn--primary:not(:disabled):hover,.btn--secondary:not(:disabled){background-color:#fbe0dc;color:#ff868e}.btn--secondary:not(:disabled):active,.btn--secondary:not(:disabled):hover{background-color:#ff868e;color:#fff}.btn:disabled{background-color:#e5e5e5;color:#8c8c8c;cursor:not-allowed}.btn--with-loader{padding-left:56px!important;position:relative}.btn--loader{border-color:inherit!important;left:30px;position:absolute;top:30%}.drag-and-drop{background-color:#fff;border:2px dashed #fbe0dc;border-radius:20px;cursor:pointer;overflow:hidden;-webkit-transition:all .2s;-o-transition:all .2s;transition:all .2s}.drag-and-drop.drag-and-drop--active,.drag-and-drop:hover{background-color:rgba(29,29,29,.05);border-color:#ff868e}.drag-and-drop__label{cursor:pointer;display:block;padding-bottom:50%;position:relative}.drag-and-drop__label img{display:block;width:30%;z-index:1}.drag-and-drop__label img,.drag-and-drop__text{left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.drag-and-drop__text{font-size:20px;font-weight:400;line-height:30px;padding:24px;text-align:center;width:100%;z-index:2}.drag-and-drop__text span{color:#1d1d1d;font-weight:500}.drag-and-drop__input{display:none}.drag-and-drop__preview{background-color:rgba(29,29,29,.2);height:100%;overflow:hidden;position:absolute;width:100%;z-index:3}.drag-and-drop__photo{border-radius:10px;bottom:30px;left:30px;overflow:hidden;position:absolute;right:30px;top:30px}.drag-and-drop__photo img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.drag-and-drop__file-name{font-size:20px;font-weight:400;letter-spacing:0;line-height:30px;margin-top:20px}.drag-and-drop__delete-btn{position:absolute;right:6px;top:6px;z-index:5}.gallery-page__loader{padding-bottom:m-percentage(360,640);padding-top:0}.gallery-page__loader .loader{position:absolute;top:35%}.gallery-page__filters{grid-row-gap:10px;grid-column-gap:20px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#e5e5e5;border-radius:20px;-webkit-column-gap:20px;-moz-column-gap:20px;column-gap:20px;display:grid;grid-template-columns:repeat(2,1fr);padding:10px 20px 20px;row-gap:10px}@media only screen and (max-width:600px){.gallery-page__filters{grid-template-columns:1fr}}.gallery-page__reload-btn{-ms-flex-item-align:end;align-self:end;justify-self:end}@media only screen and (max-width:600px){.gallery-page__reload-btn{-ms-flex-item-align:stretch;align-self:stretch;justify-self:stretch;width:100%}}.select__label{color:#8c8c8c;font-size:10px;font-weight:500;line-height:18px;padding-left:10px;text-transform:uppercase}.upload-form{-webkit-box-orient:vertical;-webkit-box-direction:normal;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:20px;overflow-y:auto;padding:44px 0}.upload-form__title{color:#1d1d1d;font-size:36px;font-weight:500;letter-spacing:0;line-height:52px}.upload-form__text{font-size:20px;font-weight:400;letter-spacing:0;line-height:30px}.upload-form__link:link,.upload-form__link:visited{color:#ff868e}.upload-form__submit-btn{-ms-flex-item-align:center;align-self:center}.upload-form__message{background-color:hsla(8,79%,92%,.3);border-radius:10px;display:-webkit-box;display:-ms-flexbox;display:flex;gap:10px;padding:20px}.upload-form__message,.upload-form__message-icon{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.upload-form__message-icon{-webkit-box-pack:center;-ms-flex-pack:center;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;justify-content:center}.upload-form__message-icon--success{color:#97eab9}.upload-form__message-icon--error{color:#ff868e}.upload-form__message-text{font-size:16px;font-weight:400;letter-spacing:0;line-height:24px}.dark-theme .gallery-page__filters{background-color:hsla(0,0%,100%,.05)}.modal.modal--dark .upload-form__title{color:#fff!important}.modal.modal--dark .upload-form__message-text{color:#fff}.modal.modal--dark .upload-form .drag-and-drop{background-color:rgba(255,134,142,.8)!important}.modal.modal--dark .upload-form .drag-and-drop__text,.modal.modal--dark .upload-form .drag-and-drop__text span{color:#1d1d1d}.breed-page__loader{padding-bottom:56.25%;padding-top:0}.breed-page__loader .loader{position:absolute;top:35%}.breed-page__image{position:relative}.breed-page__image-container{border-radius:20px;overflow:hidden;padding-bottom:56.25%;position:relative}.breed-page__image img{height:100%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;width:100%}.breed-page__info{border:2px solid #fbe0dc;border-radius:20px;padding:24px}@media only screen and (max-width:450px){.breed-page__info{padding:16px}}.breed-page__title{color:var(--color-text);font-size:36px;font-weight:500;letter-spacing:0;line-height:52px;margin-bottom:20px}.breed-page__subtitle{color:#8c8c8c;font-size:20px;font-weight:400;letter-spacing:0;line-height:29px;text-align:left}.breed-page__subtitle span{color:#8c8c8c}.breed-page__grid{grid-column-gap:20px;-webkit-column-gap:20px;-moz-column-gap:20px;column-gap:20px;display:grid;grid-template-columns:repeat(2,1fr);margin-top:20px}.breed-page__cell{font-size:16px;font-weight:400}.breed-page__cell span{color:var(--color-text);font-weight:500}.breed-page__cell:not(:last-child){margin-bottom:10px}.like-page__loader{padding-bottom:m-percentage(360,640);padding-top:0}.like-page__loader .loader{position:absolute;top:35%}.dislike-page__loader{padding-bottom:m-percentage(360,640);padding-top:0}.dislike-page__loader .loader{position:absolute;top:35%}.favourites-page__loader{padding-bottom:m-percentage(360,640);padding-top:0}.favourites-page__loader .loader{position:absolute;top:35%}.upload-page__loader{padding-bottom:m-percentage(360,640);padding-top:0}.upload-page__loader .loader{position:absolute;top:35%}.not-found-page__image{margin:auto}.not-found-page__image img{-o-object-fit:cover;object-fit:cover;width:100%}.u-center{text-align:center}.u-flex-grow-1{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.u-padded{padding:30px}@media only screen and (max-width:450px){.u-padded{padding:18px}}:root{--color-bg-light:#e5e5e5;--color-bg-dark:#1d1d1d;--color-text-light:#1d1d1d;--color-text-dark:#fff;--color-form-elem-light:#fff;--color-form-elem-dark:hsla(0,0%,100%,.05)}.light-theme{--color-bg:var(--color-bg-light);--color-text:var(--color-text-light);--color-form-elem:var(--color-form-elem-light)}.dark-theme{--color-bg:var(--color-bg-dark);--color-text:var(--color-text-dark);--color-form-elem:var(--color-form-elem-dark)}.heading-primary{color:var(--color-text);font-size:44px;font-weight:500;letter-spacing:0;line-height:58px}*,:after,:before{-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;font-family:inherit;margin:0;padding:0}.root,body,html{height:100%;min-height:100%}html{font-size:16px;scroll-behavior:smooth}body{color:#8c8c8c;font-family:Jost,sans-serif}#root{height:100%;min-height:100%}img{vertical-align:top}svg{color:inherit;height:rem(24px);width:rem(24px)}a:link,a:visited{-webkit-text-decoration:none;text-decoration:none}button{cursor:pointer}ul{list-style-type:none}.page{min-height:100vh}.page,.page__container{-webkit-box-orient:vertical;-webkit-box-direction:normal;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.page__container{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;gap:10px;padding:30px}@media only screen and (max-width:600px){.page__container{padding:18px}}.page__content{-webkit-box-flex:1;-webkit-box-orient:vertical;-webkit-box-direction:normal;background-color:#fff;border-radius:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;gap:20px;padding:20px}.dark-theme .page__content{background-color:hsla(0,0%,100%,.1)}