*{margin:0;padding:0;box-sizing:border-box}.page{min-width:100%;min-height:100vh;padding-bottom:60px;margin:auto;font-family:Inter,sans-serif;font-size:16px;font-variation-settings:"slnt" 0;background-color:#000;display:grid;grid-template-columns:100%;grid-template-rows:minmax(74px,auto) minmax(auto,1fr) max-content;position:relative}.page__header{margin:45px auto auto}.page__footer{margin-top:100px;margin-bottom:0;position:absolute;bottom:0;right:50%;transform:translate(50%)}@media screen and (max-width: 950px){.page__header,.page__footer{margin-left:20px;margin-right:20px}}@media screen and (max-width: 800px){.page__header{margin:45px 0 0;padding:0 20px}}.icon{padding:8px 10px;color:#fff;stroke:#fff;overflow:hidden;background-color:#000;cursor:pointer}.icon__image{object-fit:cover;object-position:center}.button{padding:10px 16px;color:#000;border:none;border-radius:10px;outline:none;overflow:hidden;background:#fff;cursor:pointer}.button_size_width_full{width:100%}.button_rounde_none{border-radius:0}.button_font_size_md{font-size:18px}.form{width:100%;height:100%;padding:5px;color:#000;background-color:#fff}.form_bg_transparent_active{background-color:transparent}.form_display-flex-column{display:flex;flex-direction:column}.form__field-set{width:100%;height:100%;padding:0;border:none}.form__field-component{margin-bottom:25px}.form__input{padding:5px;font-size:14px;border:none;border-bottom:1px solid gray;outline:none}.form__input_bg_transparent{background-color:transparent}.form__input_type_error{border-bottom:1px solid red}.form__error-message{color:red;font-size:14px}.form__button-submit{width:100%;padding:15px 16px;color:#fff;border-radius:0;background-color:#000}.form__button-submit_disabled{cursor:not-allowed;background-color:#000000c5}.form__footer{width:100%;margin-top:15px;color:#fff;display:flex;justify-content:center}.form__footer>a{color:#fff;text-decoration:none}.form__footer a,p{font-size:14px}.container{width:100%;height:100vh}.container_mobal{background-color:#00000054;display:flex;align-items:center;justify-content:center;position:fixed;top:0;left:0;z-index:10}.header{width:100%;max-width:880px;min-height:74px;box-sizing:border-box;border-bottom:1px solid #ffffff}.header__navbar{width:100%;height:100%;display:flex;align-items:center}.header__nav{margin-left:auto}.header__nav-item{margin-left:10px;display:inline-block}.header__nav-item a{color:#fff;text-decoration:none;font-size:18px;font-weight:500}.header__logout{color:#ccc;font-size:18px;font-weight:500;cursor:pointer}.header__logo{margin-bottom:auto}@media screen and (max-width: 950px){.header{width:auto}}.content{display:flex;flex-direction:column}.content__seccion{margin:40px auto auto}@media screen and (max-width: 950px){.content__seccion{margin:40px 20px 0}}.profile{width:100%;max-width:880px;display:flex;align-items:center}.profile__content-image{width:120px;height:120px;margin-right:30px;border-radius:50%;position:relative}.profile__image-update-content,.profile__image{width:100%;height:100%;border-radius:inherit;object-fit:cover;object-position:center;position:absolute}.profile__image-update-content{background-color:#000c;display:none;cursor:pointer;z-index:10}.profile__image-update-content .icon{padding:0;margin:auto;background:none}.profile__content-image:hover .profile__image-update-content{display:flex}.profile__about{display:flex;flex-direction:column;justify-content:center;color:#fff}.profile__name{font-size:42px;font-weight:500}.profile__state{font-size:18px}.profile__content-username-button{display:flex;flex-direction:row-reverse;align-items:center;gap:18px}.profile__button-update-profile{width:24px;height:24px;padding:0;color:#fff;text-align:center;border:1px solid #ffffff;border-radius:0;background-color:transparent;display:flex;align-items:center;justify-content:center}.profile__button-update-profile:hover{border-color:#686d76}.profile__button-update-profile-image{width:10px;height:10px;object-fit:cover}.profile__button-update-profile-image_hidden-hover{display:none}.profile__button-update-profile:hover .profile__button-update-profile-image_hidden-hover,.profile__button-update-profile-image_show-hover{display:inline-block}.profile__button-update-profile:hover .profile__button-update-profile-image_show-hover{display:none}.profile__button-add-target{height:max-content;margin-left:auto;padding:12px 80px;color:#fff;border:2px solid #ffffff;border-radius:0;background-color:transparent;transition:all .1s}.profile__button-add-target:hover{border-color:#686d76;color:#686d76;fill:#686d76}.profile__button-add-target-image{width:22px;height:22px}@media screen and (max-width: 950px){.profile{width:auto;max-width:880px}}@media screen and (max-width: 800px){.profile__name{font-size:38px}.profile__stete{font-size:16px}}@media screen and (max-width: 645px){.profile{flex-direction:column}.profile__content-image{margin-bottom:30px}.profile__about{margin-bottom:36px;text-align:center;gap:14px 0}.profile__button-add-target{margin:0}}@media screen and (max-width: 300px){.profile__name{font-size:22px}.profile__state{font-size:14px}.profile__button-add-target{width:100%}}.auth{width:100%;height:100%;display:flex;flex-direction:column}.auth__content-form{width:100%;max-width:358px;height:100%;max-height:516px;margin:auto;text-align:center;display:flex;flex-direction:column}.auth__field-component{margin-bottom:30px}.auth__form-input{width:100%;color:#fff}.auth__button-submit{margin-top:auto}.auth__title{color:#fff;margin-bottom:50px;margin-top:60px;text-align:center;font-size:24px;font-weight:900;line-height:29.5px}.elements{width:100%;max-width:880px}.elements__cards{width:100%;display:grid;grid-template-columns:repeat(3,282px);grid-auto-rows:361px;gap:17px 20px}.elements__card-content-image{width:100%;height:282px}.elements__card-about{width:100%;height:calc(100% - 282px)}@media screen and (max-width: 950px){.elements{width:auto}.elements__cards{grid-template-columns:repeat(2,282px);justify-content:center}}@media screen and (max-width: 645px){.elements__cards{grid-template-columns:repeat(2,235px)}}@media screen and (max-width: 545px){.elements{width:auto}.elements__cards{grid-template-columns:repeat(1,282px)}}.card{width:100%;max-width:300px;height:361px;border-radius:10px;position:relative}.card__content-image{width:100%;height:282px;border-top-left-radius:inherit;border-top-right-radius:inherit}.card__image{width:100%;height:100%;border-radius:inherit;object-fit:cover;object-position:center center}.card__about{width:100%;height:79px;padding-left:21px;padding-right:15px;border-bottom-right-radius:inherit;border-bottom-left-radius:inherit;background-color:#fff;display:flex;align-items:center;justify-content:center}.card__title{font-size:24px;font-weight:900;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.card__icon-love{width:21px;height:19px;padding:0;margin-left:auto;border:0;overflow:visible;background:none;flex-flow:1;position:relative}.card__icon-love-image{display:none;position:absolute}.card__icon-love-image_standar{display:inline-block}.card__icon-love:hover .card__icon-love-image_standar{display:none}.card__icon-love:hover .card__icon-love-image_hover,.card__icon-love_active .card__icon-love-image_active{display:inline-block}@media screen and (max-width: 800px){.card__title{font-size:20px}}.card__icon-delete{border:0;padding:0;width:20px;font-size:20px;display:none;background-color:transparent;position:absolute;top:5px;right:5px}.card:hover .card__icon-delete{display:inline-block}.card__content-icon-and-likes{display:flex;flex-direction:column;align-items:center;gap:4px;margin-left:auto;padding:1px}.card__likes-count{font-size:16px;position:relative}.popup{width:100%;height:100vh;background-color:#00000054;display:none;align-items:center;justify-content:center;position:fixed;top:0;left:0;z-index:10}.popup--active{display:flex}.popup__card{width:430px;padding:34px 35px;border-radius:10px;background-color:#fff;position:relative}.popup__content{width:auto;height:auto;position:relative}.popup__image{width:100%;height:100%;max-width:75vw;max-height:75vh;object-fit:cover}.popup__title{margin-top:10px;color:#000}.popup--update-profile .popup__title,.popup--create-card .popup__title{color:#000000c5;margin-bottom:54px;font-size:24px;font-weight:900}.popup--delete-card .popup__title,.popup--upload-avatar-user-me .popup__title{color:#000;margin-top:0;margin-bottom:23px;font-size:24px;font-weight:900}.popup__form{padding:0;display:flex;flex-direction:column}.popup__form-field-set{display:flex;flex-direction:column}.popup__form-input{width:100%}.popup__button-submit{border-radius:0;transition:all .1s}.popup__button-submit:hover{background-color:#000000c5}.popup__icon-close{width:40px;height:40px;padding:0;border:none;background:none;position:absolute;top:-45px;right:-45px}.popup__icon-close-image{background-color:transparent;object-fit:cover;width:100%}.popup__button{width:100%;padding:15px 16px;color:#fff;border-radius:0;background-color:#000}.popup--upload-avatar-user-me .popup__content .popup__button{margin-top:23px}@media screen and (max-width: 645px){.popup--update-profile,.popup--create-card .mobal__icon-close{top:-20%;right:0%}.popup--delete-card .popup__icon-close{top:-30%;right:0%}}@media screen and (max-width: 545px){.popup--update-profile,.popup--create-card .popup__card{margin:0 20px}.popup--update-profile,.popup--create-card .popup__title{font-size:18px}.popup--update-profile,.popup--create-card .mobal__button-submit,.mobal__form-input{font-size:14px}.popup--update-profile,.popup--create-card .mobal__icon-close{width:26px;height:26px;top:-15%;right:0%}}.footer{width:100%;max-width:880px;display:flex}.footer__author{margin-right:auto;color:#545454;font-size:18px}@media screen and (max-width: 950px){.footer{width:auto;background-color:red}}@media screen and (max-width: 545px){.footer__author{width:80vw;margin:auto;text-align:center}}