/*! 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{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}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-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}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;color:inherit;display:table;max-width:100%;padding:0;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;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}@font-face{font-family:Inter Regular;src:url(/assets/Inter-Regular-B0QUfDW0.woff2) format("woff2");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Inter Black;src:url(/assets/Inter-Black-COIgjx2i.woff2) format("woff2");font-style:normal;font-weight:900;font-display:swap}@font-face{font-family:Inter Medium;src:url(/assets/Inter-Medium-B_8v_WHh.woff2) format("woff2");font-style:normal;font-weight:900;font-display:swap}.body{display:flex;margin:auto;justify-content:center;background-color:#000}.page{display:flex;flex-wrap:wrap;flex-direction:column;color:#fff;margin:0;width:auto;font-family:Inter Regular,Inter,sans-serif;font-size:18px;line-height:normal}.content{margin:41px 200px 67px;width:880px;display:flex;justify-content:center;flex-direction:column}@media screen and (max-width:768px){.page{width:768px}.content{margin:41px 93.5px 50px;width:581px}}@media screen and (max-width:320px){.page{width:320px}.content{margin:41px 19px 50px;width:282px}}.header{margin:45px 200px 0;width:880px;height:73px}.header__container{display:flex;justify-content:space-between;align-items:center}.header__user--logged{display:flex;align-items:center;gap:23px}.header__user--unlogged{display:none}.header__email{font-family:Inter,sans-serif;font-weight:500;font-size:18px;line-height:22px;color:#fff;height:22px}.header__button{font-family:Inter,sans-serif;font-weight:500;font-size:18px;line-height:22px;color:#a9a9a9;background:none;border:none;cursor:pointer}.header__user--unlogged{display:none;align-items:center}.header__line{margin-top:40px}@media screen and (max-width:768px){.header{margin:0 93.5px;width:581px}.header__line{width:581px}}@media screen and (max-width:320px){.header{margin:0;width:320px;padding-top:28px}.header__line{width:320px}}.profile{display:flex;align-items:center;justify-content:space-between;width:880px}.profile__container{display:flex;align-items:center}.profile__avatar-container{display:flex;justify-content:center;width:120px;height:120px;border-radius:50%;overflow:hidden;position:relative}.profile__avatar-button{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABASURBVHgB1cpBDQAgDEPRSZgEJOAMCUibBCSVLfRI2K40+enliTwGQD3zeoYWzqyC4vULRDgraHiN+I4ILbAk2wl8k3m1+6eCAAAAAElFTkSuQmCC);border-radius:50%;background-repeat:no-repeat;background-position:center;background-size:30px 30px;width:120px;height:120px;border:none;background-color:transparent;cursor:pointer}.profile__avatar-button:hover{opacity:60%}.profile__image{height:127.5px;width:168.75px}.profile__image:hover{cursor:pointer;opacity:60%}.profile__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0009;display:flex;justify-content:center;align-items:center;opacity:0;transition:opacity .3s ease;border-radius:50%;z-index:1}.profile__overlay:hover{cursor:pointer;opacity:100}.profile__edit-icon{width:26px;height:26px}.profile__info{display:flex;position:relative;flex-direction:row;flex-wrap:wrap;height:77px;width:415px;margin-left:30px;color:#fff}.profile__title{margin:0;font-family:Inter Medium,Inter,sans-serif;font-size:42px;line-height:48px;height:48px;width:375px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}profile__text-wrapper{position:relative;max-width:420px;margin:16px 0 0;align-self:flex-end}.profile__text{max-width:420px;max-height:65px;align-self:flex-end;margin:16px 0 0;overflow:hidden}.profile__text.truncated{position:relative;padding-right:20px}.profile__text.truncated:after{content:"▼";position:absolute;right:0;bottom:0;font-size:12px;color:#666}.profile__text.expanded{white-space:normal;text-overflow:clip}.profile__text-full{display:none;white-space:normal}.profile__edit-button{margin-left:18px;margin-top:20px;height:22px;width:22px;background-color:#000;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABASURBVHgB1cpBDQAgDEPRSZgEJOAMCUibBCSVLfRI2K40+enliTwGQD3zeoYWzqyC4vULRDgraHiN+I4ILbAk2wl8k3m1+6eCAAAAAElFTkSuQmCC);background-position:center;background-repeat:no-repeat;color:#fff;border:2px solid #FFFFFF}.profile__edit-button:hover{opacity:60%;cursor:pointer}.profile__addPlace{display:flex;align-items:center;justify-content:center;background-color:#000;height:50px;width:150px;color:#fff;border:2px solid #FFFFFF}.profile__addPlace:hover{opacity:60%;cursor:pointer}.profile__addIconPlace{height:22px;width:22px}@media screen and (max-width:768px){.profile{flex-direction:column;width:581px}.profile__container{flex-direction:column;justify-content:center;width:581px}.profile__info{margin:0;height:142px}.profile__text-wrapper{max-width:100%}.profile__addPlace{margin-top:20px;align-self:center;height:50px;width:282px}}@media screen and (max-width:320px){.profile{margin:0;width:282px;justify-content:center;flex-direction:column}.profile__container{flex-direction:column;justify-content:center;width:282px}.profile__info{margin:30px 0 0;width:282px;height:142px;justify-content:center}.profile__title{font-size:22px;line-height:normal;max-width:264px}.profile__edit{margin:0;height:18px;width:18px}.profile__text-wrapper{max-width:282px}.profile__text{font-size:14px;margin:14px 0 0;max-width:282px}.profile__addPlace{margin:36px 0 0;height:50px;width:282px;max-height:65px;overflow:hidden}}.elements{display:grid;color:#000;margin-top:49px;grid-template-columns:auto auto auto;grid-template-rows:auto auto;gap:20px 17px}.card__container{height:361px;width:282px;border-radius:10px;overflow:hidden}.card__header{position:relative;height:100%;width:100%;background-color:#fff}.card__image{height:282px;width:282px}.card__image:hover{cursor:pointer}.card__footer{background-color:#fff;display:flex;justify-content:space-between;align-items:center}.card__title{margin-left:21px;max-width:246px;font-family:Inter Black,Inter,sans-serif;font-size:24px;line-height:normal;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.card__like-button{height:19px;width:21px;margin-right:18px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAATCAYAAAB/TkaLAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADvSURBVHgBrZQNDYMwFIRvU1AHqwQkMAlTQCXMweYACeAECczBJGwO2Gu5BkYKBcolF0h7/frSP2CQFpfit7jjt2I7ArnPXO7EbyZu+F+LvwzlYiW+il9iQ2AoZ3VjzjXa2VoCplW1rKpgZU0k5/oqQjXCUhzQzUw8BlvoAwxWWJZiRkVyfk9cBQWOkbG8M/rFjlWwVhfLs7vvd/2KdHmWOw52Ce5I0xOTpayRtraG48tpR70TbDhu9gT5A5zhIKCV2gDOMVyIqNaAM/Yv3bBN4F1AL43+yo3fhSRgCJwHJtktjf+HW+MgafRXUK8J/wA/IU+qgBITTAAAAABJRU5ErkJggg==);background-color:#fff;background-position:center;background-repeat:no-repeat;border:none}.card__like-button:hover{opacity:60%;cursor:pointer}.card__like-button-active{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAATCAYAAAB/TkaLAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACnSURBVHgBrZQLDYAgFEWvJjCCEYxgE21iBCNoEyNggxdBGyi4x2ROlM87250O7g6MMYCbWmfUIZ2DvxOP46W3/fTQOKVnNp439B89cnrXCuQpuuLup2N7FXjrh2AGI1XCUir4R5RSZ4csu5GukOXytZA9087aZyHh+Nx2rniCh9Tr5RUaqgSxQgAxYsX9IELEUUJLDf9DkyT8EhNe3s4csYjQFS8IFJ6hccp6G5vsSAAAAABJRU5ErkJggg==)}.card__delete-button{height:19px;width:18px;top:18px;right:15px;position:absolute;background:none;border:none;cursor:pointer;z-index:1}.card__delete-button:hover{opacity:60%}@media screen and (max-width:768px){.elements{width:581px;grid-template-columns:auto auto;grid-template-rows:auto auto auto}}@media screen and (max-width:320px){.elements{grid-template-columns:auto;grid-template-rows:auto auto auto auto auto auto;width:282px;gap:20px}}.form__title{margin:0 0 24px;width:358px}.form__input{margin-top:30px;padding:0;height:27px;width:358px;border:none;border-bottom:2px solid #C4C4C4}.form__wrapper{margin:0;display:flex;flex-direction:column;min-height:40px}.form__input_name-error,.form__input_extra-error{border-bottom:none}.form__profile_submit,.form__place_submit,.form__card_submit,.form__change_submit{display:block;margin-top:48px;padding:0;height:50px;min-height:50px;width:358px;background-color:#fff;border:2px solid #C4C4C4;color:#c4c4c4}.form__submit-delete-button{display:block;margin-top:48px;padding:0;height:50px;min-height:50px;width:358px;background-color:#000;border:2px solid #C4C4C4;color:#fff;cursor:pointer}.form__submit_card-delete-button:hover{opacity:60%;cursor:pointer}@media screen and (max-width: 320px){.form{padding:25px 22px;width:320px;margin-top:5px}.form--profile,.form--place,.form--card-delete,.form--change-imgprofile{width:320px}.form__title,.form__input,.form__submit-button{width:238px}}.popup{display:flex;position:fixed;justify-content:center;align-items:center;background-color:#00000080;width:100%;height:100%;top:0;left:0;z-index:1000}.popup__container{display:flex;position:relative;height:330px;width:471px;border-radius:10px;color:#000}.popup__container_form{display:flex;position:relative;margin-top:40px;height:258px;width:358px;border-radius:10px;background-color:#fff;color:#000;padding:36px;flex-direction:column}.popup__close_button{padding:0;right:10px;background-color:#0000;height:40px;width:40px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADESURBVHgB1ZdRDsIgEESJJ/DGeBO9UY/0hIgGmyZAYZw4SX9KM29CWWBDKAKu6YlBrMS4Zdb+ZYZvvHQPIiXvR2FsnxA7OKoQFZyvEHnaOdayEAfwt2Lrg+kQ3d6KEMOeK0Oc9loRYtpjxoBVs3jGiNXraMQQVSX1GCMs4yZADu8IoYcPhpAdZj0hhuGX8E+y/gKcixBnGeLciHBuxTgPI5zHMc4LCc4rGYKV3O2JsJab3rgbE9ytWRn0NafV4K/a81jDn8aOtpqe/U4CAAAAAElFTkSuQmCC);background-position:center;background-repeat:no-repeat;border:none;cursor:pointer}.popup__close_button:hover{opacity:60%;cursor:pointer}.popup--image-close-button{position:absolute;align-self:flex-start;flex-direction:row-reverse;padding:0;width:40px;height:40px;background-size:cover;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADESURBVHgB1ZdRDsIgEESJJ/DGeBO9UY/0hIgGmyZAYZw4SX9KM29CWWBDKAKu6YlBrMS4Zdb+ZYZvvHQPIiXvR2FsnxA7OKoQFZyvEHnaOdayEAfwt2Lrg+kQ3d6KEMOeK0Oc9loRYtpjxoBVs3jGiNXraMQQVSX1GCMs4yZADu8IoYcPhpAdZj0hhuGX8E+y/gKcixBnGeLciHBuxTgPI5zHMc4LCc4rGYKV3O2JsJab3rgbE9ytWRn0NafV4K/a81jDn8aOtpqe/U4CAAAAAElFTkSuQmCC);border:none;background-color:transparent;cursor:pointer;top:-45px;right:-45px;z-index:1001}.popup--image-close-button:hover,.popup--image-close-button:focus{opacity:60%;cursor:pointer}.popup__title{margin:0;width:358px}.popup--image-content{position:relative;display:flex;flex-direction:column;max-width:70%;max-height:70%;align-self:center}.popup__image-background{position:relative;display:flex;max-width:80%;max-height:80vh;margin:auto;flex-direction:column}.popup__image-title{color:#fff;font-size:24px;font-family:Inter Black,Inter,sans-serif;justify-self:unset;margin:10px 0;padding:10px;width:auto;height:28px;border-radius:0 0 10px 10px}.registration__info{display:flex;position:relative;align-items:center;border-radius:10px;background-color:#fff;color:#000;padding:60px 36px;flex-direction:column}.registration__info_image{height:120px;width:120px;align-self:center}.registration__info_title{width:358px;height:58px;font-family:Inter,sans-serif;font-weight:500;font-size:24px;line-height:auto;text-align:center;color:#000;margin:32px 0 0}@media screen and (max-width: 768px){.popup{width:768px}.popup__image-background{max-width:80%;max-height:80vh}.popup__profile_content,.popup__place-content,.popup__card_delete-content,.popup__change_imgprofile-content{width:358px;height:371px}.popup--image-content{width:768px}}@media screen and (max-width: 320px){.popup{max-width:320px}.popup__image-background{max-width:80%;max-height:80vh}.popup__profile_content,.popup__place-content,.popup__card_delete-content,.popup__change_imgprofile-content{margin:0;width:300px;height:371px;flex-direction:column-reverse}.popup--image-content{width:282px}.popup__close_button{align-self:flex-end;width:26px;height:26px}}.footer{margin:67px 200px 0;padding-bottom:60px;width:880px}.footer__copyright{color:#545454;font-size:14px;line-height:16px;margin:0}@media screen and (max-width:320px){.footer{width:282px;margin:0;padding:0 19px 36px}}.form__input--type-error{border-bottom:1px solid #FF0000}.form__error--active{left:0;color:red;font-size:12px;height:16px;display:block;margin-top:6px}.form__button--submit-active{background-color:#000;color:#fff;cursor:pointer}.form__button--submit-inactive{opacity:.5;cursor:not-allowed;background-color:#fff}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000c;justify-content:center;align-items:center;z-index:1000}.modal__opened{display:flex}.modal__container{position:relative;display:flex;max-width:880px;max-height:80vh;margin:auto;flex-direction:column}.modal__image{max-width:70%;max-height:70%;object-fit:scale-down;align-self:center}.modal__title{color:#fff;font-size:24px;font-family:Inter Black,Inter,sans-serif;justify-self:unset;margin:10px 0;padding:10px;width:100%;border-radius:0 0 10px 10px}.modal__close-button{position:absolute;align-self:flex-start;flex-direction:row-reverse;padding:0;width:40px;height:40px;background-size:cover;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADESURBVHgB1ZdRDsIgEESJJ/DGeBO9UY/0hIgGmyZAYZw4SX9KM29CWWBDKAKu6YlBrMS4Zdb+ZYZvvHQPIiXvR2FsnxA7OKoQFZyvEHnaOdayEAfwt2Lrg+kQ3d6KEMOeK0Oc9loRYtpjxoBVs3jGiNXraMQQVSX1GCMs4yZADu8IoYcPhpAdZj0hhuGX8E+y/gKcixBnGeLciHBuxTgPI5zHMc4LCc4rGYKV3O2JsJab3rgbE9ytWRn0NafV4K/a81jDn8aOtpqe/U4CAAAAAElFTkSuQmCC);border:none;background-color:transparent;cursor:pointer;top:10px;right:10px;z-index:1001}.modal__close-button:hover,.modal__close-button:focus{opacity:60%;cursor:pointer}@media screen and (max-width:768px){.modal{width:768px;height:100%}.modal__container{width:768px}.modal__image_content{position:relative}.modal__close-button{position:absolute}}@media screen and (max-width:320px){.modal{width:320px;height:100%}.modal__container{width:320px}.modal__close-button{width:15px;height:15px}}.login{display:flex;flex-direction:column;align-items:center;height:100vh;color:#fff}.login__container{display:flex;flex-direction:column;align-items:center;border-radius:10px;padding:60px 0 0;width:358px}.login__title{font-family:Inter,sans-serif;font-weight:700;font-size:24px;line-height:auto;margin-bottom:24px;width:100%;text-align:center}.login__form{display:flex;flex-direction:column;align-items:center;width:100%}.login__input{font-family:Inter,sans-serif;font-weight:400;font-size:14px;line-height:auto;color:#fff;background:none;border:none;border-bottom:#fff 1px solid;margin-bottom:30px;width:100%}.login__button{margin-top:216px;padding:0;width:100%;height:50px;background:#fff;border:none;cursor:pointer}.login__button:hover{opacity:60%;cursor:pointer}.register__text{margin-top:16px;padding:0;width:100%;height:17px;text-align:center;border:none;cursor:pointer}.register__text-link{text-decoration:none;color:#fff}.register__text-link:hover{text-decoration:underline;opacity:60%;cursor:pointer}.register{display:flex;flex-direction:column;align-items:center;height:100vh;color:#fff}.register__container{display:flex;flex-direction:column;align-items:center;border-radius:10px;padding:60px 0 0;width:358px}.register__title{font-family:Inter,sans-serif;font-weight:700;font-size:24px;line-height:auto;margin-bottom:24px;width:100%;text-align:center}.register__form{display:flex;flex-direction:column;align-items:center;width:100%}.register__input{font-family:Inter,sans-serif;font-weight:400;font-size:14px;line-height:auto;color:#fff;background:none;border:none;border-bottom:#fff 1px solid;margin-bottom:30px;width:100%}.register__button{margin-top:216px;padding:0;width:100%;height:50px;background:#fff;border:none;cursor:pointer}.register__button:hover{opacity:60%;cursor:pointer}.login__text{margin-top:16px;padding:0;width:100%;height:17px;text-align:center;border:none;cursor:pointer}.login__text-link{text-decoration:none;color:#fff}.login__text-link:hover{text-decoration:underline;opacity:60%;cursor:pointer}