.header{background-color:#000;border-bottom:1px solid rgba(84,84,84,.7);min-height:74px;display:flex;align-items:center}.header__container{width:100%;max-width:880px;margin:0 auto;padding:0 19px;display:flex;align-items:center;justify-content:space-between;box-sizing:border-box}.header__logo{font-size:18px;line-height:22px;font-weight:500;color:#fff;text-decoration:none}.header__nav{display:flex;align-items:center;gap:24px}.header__email{font-size:18px;line-height:22px;color:#fff}.header__link{background:none;border:none;padding:0;font:inherit;cursor:pointer;color:#a9a9a9;font-size:18px;line-height:22px;transition:opacity .2s ease}.header__link:hover{opacity:.6}.header__link_type_button{color:#fff}.footer{background-color:#000;min-height:74px;display:flex;align-items:center;justify-content:center;padding:0 19px}.footer__copyright{margin:0;font-size:18px;line-height:22px;color:#545454}.auth-screen{max-width:358px;margin:0 auto;padding:60px 20px 80px}.auth-screen__title{margin:0 0 50px;font-size:24px;font-weight:900;line-height:29px;text-align:center}.auth-screen__info{margin:0 0 16px;color:#2f71cd;font-size:18px;line-height:22px;text-align:center}.auth-screen__error{margin:0 0 16px;color:red;font-size:18px;line-height:22px;text-align:center}.auth-screen__form{display:flex;flex-direction:column;gap:0}.auth-screen__field{display:flex;flex-direction:column;gap:8px;margin-bottom:30px}.auth-screen__label{font-size:12px;line-height:15px;color:#2f71cd}.auth-screen__input{width:100%;padding:0 0 13px;border:none;border-bottom:2px solid #ccc;font-size:14px;line-height:17px;font-family:inherit;background:transparent;box-sizing:border-box}.auth-screen__input:focus{outline:none;border-bottom-color:#000}.auth-screen__actions{display:flex;flex-direction:column;gap:16px;margin-top:8px}.profile{padding:0 19px;margin:0 auto 50px;max-width:880px;box-sizing:border-box}.profile__container{display:flex;flex-direction:column;align-items:center;gap:26px}@media (min-width: 768px){.profile__container{flex-direction:row;align-items:flex-start}}.profile__avatar{width:120px;height:120px;border-radius:50%;object-fit:cover;flex-shrink:0}.profile__info{width:100%;max-width:336px}.profile__name{margin:0 0 16px;font-size:42px;line-height:48px;font-weight:500}.profile__about{margin:0 0 16px;font-size:18px;line-height:22px}.profile__email{margin:0 0 24px;font-size:18px;line-height:22px;color:#545454}.profile__edit{max-width:150px}.profile__form{width:100%}.profile__error{margin:0 0 16px;color:red;font-size:14px}.profile__field{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.profile__label{font-size:12px;line-height:15px;color:#2f71cd}.profile__input{width:100%;padding:0 0 13px;border:none;border-bottom:2px solid #ccc;font-size:14px;line-height:17px;font-family:inherit;background:transparent;box-sizing:border-box}.profile__input:focus{outline:none;border-bottom-color:#000}.profile__actions{display:flex;flex-wrap:wrap;gap:16px;margin-top:8px}.place-card{display:flex;flex-direction:column;border-radius:10px;overflow:hidden;background-color:#fff;box-shadow:0 0 25px #00000026}.place-card__image{width:100%;aspect-ratio:1 / 1;object-fit:cover;display:block}.place-card__image_hidden{display:none}.place-card__caption{padding:25px 15px 31px;display:flex;flex-direction:column;gap:16px}.place-card__title{margin:0;font-size:24px;line-height:29px;font-weight:900;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.place-card__owner{margin:0;font-size:14px;line-height:17px;color:#545454}.place-card__actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.place-card__like{display:flex;align-items:center;gap:8px;padding:0;border:none;background:none;font:inherit;cursor:pointer;color:#000;transition:opacity .2s ease}.place-card__like:hover{opacity:.6}.place-card__like_active{font-weight:700}.place-card__like-icon{font-size:20px;line-height:1}.place-card__like-count{font-size:13px;line-height:16px}.place-card__delete{padding:0;border:none;background:none;font:inherit;font-size:13px;line-height:16px;color:red;cursor:pointer;transition:opacity .2s ease}.place-card__delete:hover{opacity:.6}.popup{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;visibility:hidden;opacity:0;transition:visibility .3s,opacity .3s ease;z-index:100}.popup_opened{visibility:visible;opacity:1}.popup__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#00000080;cursor:pointer}.popup__container{position:relative;z-index:1;max-width:430px;width:calc(100% - 80px);max-height:90vh;overflow-y:auto;background-color:#fff;border-radius:10px;box-shadow:0 0 25px #00000026;padding:34px 36px 36px;box-sizing:border-box;color:#000}.popup__close{position:absolute;top:-40px;right:-40px;width:32px;height:32px;padding:0;border:none;background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%23fff' d='M32 28.8l-3.2 3.2L16 19.2 3.2 32 0 28.8 12.8 16 0 3.2 3.2 0 16 12.8 28.8 0 32 3.2 19.2 16 32 28.8z'/%3E%3C/svg%3E") center / contain no-repeat;cursor:pointer;transition:opacity .2s ease}.popup__close:hover{opacity:.6}.popup__title{margin:0 0 54px;font-size:24px;line-height:29px;font-weight:900}.popup__content{width:100%}@media (max-width: 520px){.popup__close{top:-36px;right:0}}.places{padding:0 19px;margin:0 auto;max-width:880px;box-sizing:border-box}.places__header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;margin-bottom:36px;padding-top:20px;border-top:1px solid #e7e7e7}.places__title{margin:0;font-size:24px;line-height:29px;font-weight:900}.places__add{min-width:150px}.places__list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(282px,1fr));gap:20px 17px;justify-content:center}.places__item{margin:0}.places__empty{grid-column:1 / -1;text-align:center;color:#545454;font-size:18px;padding:40px 0}.places__form{display:flex;flex-direction:column;gap:0}.places__field{display:flex;flex-direction:column;gap:8px;margin-bottom:30px}.places__label{font-size:12px;line-height:15px;color:#2f71cd}.places__input{width:100%;padding:0 0 13px;border:none;border-bottom:2px solid #ccc;font-size:14px;line-height:17px;font-family:inherit;background:transparent;box-sizing:border-box}.places__input:focus{outline:none;border-bottom-color:#000}.places__submit{margin-top:8px}.page{min-height:100vh;display:flex;flex-direction:column;background-color:#000;color:#fff}.page__main{flex:1;background-color:#fff;color:#000;padding:0 0 48px}.page__loading{display:flex;align-items:center;justify-content:center;min-height:50vh;color:#fff;font-size:18px}.page__banner-error{margin:0 auto 24px;padding:12px 19px;max-width:880px;color:red;font-size:14px;text-align:center;box-sizing:border-box}.button{font-family:inherit;font-size:18px;line-height:22px;text-align:center;border-radius:2px;cursor:pointer;transition:opacity .2s ease;box-sizing:border-box}.button:hover{opacity:.6}.button_type_primary{min-height:50px;padding:14px 0;border:none;background-color:#000;color:#fff}.button_type_secondary{min-height:50px;padding:14px 0;border:1px solid #fff;background-color:transparent;color:#fff}.button_type_secondary-dark{border-color:#000;color:#000}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}