/*! 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}body{background:#000}.content{width:100%;max-width:880px}.page{font-family:Inter,Arial,Helvetica,sans-serif;color:#fff;width:auto;min-width:320px;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow-x:hidden;min-height:100vh}button{background:none;border:none;margin:0;padding:0;outline:none}.header{max-width:880px;width:100%;height:74px;display:flex;justify-content:flex-start;flex-direction:column;margin:0 auto;padding-top:45px}.header__container{display:flex;justify-content:space-between}.header__logo{width:173px;height:33px}.header__line{border:1px solid rgba(84,84,84,1);width:880px;margin-top:41px;display:flex;justify-content:center}.header__login{display:flex;gap:56px}.header__logout{color:#a9a9a9;font-size:18px;line-height:22px;cursor:pointer}.header__logout:hover{border-bottom:1px solid rgba(169,169,169,1);border-top:1px solid rgba(169,169,169,1)}.header__menu{display:none;width:33px}.header__mobile{display:flex;align-items:center;gap:15px}.header__mobile_open{display:none}@media (max-width: 1024px){.header__logo{padding-left:27px}}@media (max-width: 940px){.header__login{display:none}.header__menu{display:flex;padding-right:27px;cursor:pointer;transition:transform .3 ease}.header__mobile_open.active{display:flex;flex-direction:column;align-items:center;margin-top:20px}.header__menu{transform:scale(.9)}}@media (max-width: 544px){.header{padding-top:28px}.header__logo{width:126px;height:24px}}.profile{display:flex;margin-right:auto;margin-top:36px;align-items:center}.profile__content{position:relative}.profile__avatar{border-radius:50%;width:120px;height:120px;cursor:pointer;object-fit:cover}.profile__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(../images/pen.svg);background-repeat:no-repeat;background-position:center;background-size:25px;background-color:#00000080;opacity:0;transition:opacity .3s ease;cursor:pointer}.profile__content:hover .profile__overlay{opacity:1}.profile__info{display:grid;grid-template-columns:repeat(2,auto);grid-template-rows:auto;margin-left:35px}.profile__name{font-size:42px;line-height:48px;font-weight:500;margin:0;align-self:center;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:373px}.profile__aboutMe{font-size:18px;margin:16px 0 0;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:373px}.profile__edit{width:24px;height:24px;margin-left:18px;align-self:center;cursor:pointer;background:none;border:none}.profile__add-button{margin-left:auto;border:1px solid rgba(255,255,255,1);border-radius:2px;width:150px;height:50px;display:flex;justify-content:center;align-items:center;cursor:pointer;background:none}.profile__add-button:hover,.profile__edit:hover{opacity:.5}.profile__add{width:22px;height:22px}@media (max-width: 1024px){.profile{flex-direction:column}.profile__avatar{margin:42px 0 30px}.profile__info{margin-left:0}.profile__add-button{margin:36px 0 auto;width:282px}.profile__aboutMe{margin:14px auto 0;grid-column:1 / span 2}}@media (max-width: 544px){.profile{width:282px;margin:auto}.profile__avatar{width:120px}.profile__info{grid-template-rows:repeat(2,auto)}.profile__name{font-size:22px}.profile__edit{width:18px;height:18px}}.cards__element-items{margin:50px auto 0;display:grid;width:100%;max-width:880px;grid-template-columns:repeat(auto-fit,282px);grid-template-rows:auto;gap:17px;justify-content:center;list-style-type:none;padding:0}.card{width:282px;height:364px;position:relative;overflow:hidden;display:flex;justify-content:center;flex-direction:column}.cards__content{background-color:#fff;display:flex;justify-content:space-between;width:246px;padding:0 21px 0 15px;border-radius:0 0 10px 10px}.cards__title{font-size:24px;color:#000;font-weight:900;text-overflow:ellipsis;max-width:190px;overflow:hidden;white-space:nowrap}.cards__img{width:100%;height:282px;object-fit:cover;display:block;cursor:pointer;border-radius:10px 10px 0 0}.cards__like:hover,.cards__trash:hover{opacity:.5;cursor:pointer}.cards__like{border:none;background:url(../images/like.svg) no-repeat center;background-size:100%;width:21px}.cards__like.active{background:url(../images/like__active.svg) no-repeat center}.cards__trash{z-index:1;width:19px;background:url(../images/trash.svg) no-repeat center;background-size:100%;border:none;position:absolute;top:18px;right:15px;height:19px}.cards__empty-message{font-family:Inter,Arial,Helvetica,sans-serif;font-size:18px;color:#545454;margin:64px 0;display:flex;justify-content:center}.footer__paragraph{font-family:Inter,Arial,Helvetica,sans-serif;font-size:18px;color:#fff;margin:64px 0}.footer{display:flex;justify-content:flex-start;margin-top:auto}.popup{display:flex;justify-content:center;align-items:center;position:fixed;inset:0;font-family:Inter,Arial,Helvetica,sans-serif;background-color:#00000080;z-index:9;cursor:pointer}.popup__content{position:relative}.popup__form{width:430px;background-color:#fff;border-radius:10px;display:flex;flex-direction:column;padding:34px;box-sizing:border-box;position:relative}.popup__title{font-weight:900;font-size:24px;color:#000}.popup__closed{width:40px;height:40px;position:absolute;top:-40px;right:-40px;transform:rotate(45deg);cursor:pointer}.popup__input{outline:none;border:none;width:358px;font-size:14px;padding-bottom:14px;margin-bottom:5px;background-color:transparent}.popup__input_variant_primary{border-bottom:1px solid rgba(0,0,0,1)}.popup__input_variant_secondary{border-bottom:1px solid white;margin-bottom:30px;color:#fff}.popup__button{width:358px;height:50px;background:#000;color:#fff;border:0;border-radius:2px;font-size:18px;margin-top:15px;cursor:pointer}.popup__info{display:flex;flex-direction:column;align-items:center;text-align:center}.popup__info-img{width:120px;height:120px}.popup__info-title{color:#000}.popup__input_inactive::placeholder{opacity:20%}.popup__button.disabled{background-color:#fff;color:#c4c4c4;cursor:default}.popup__field{display:flex;flex-direction:column}.popup__button:hover{opacity:80%}.popup__images{display:flex;justify-content:center;flex-direction:column;align-items:start;position:relative}.popup__images-img{max-width:75vw;max-height:75vh;z-index:9}.popup__images-title{font-size:12px;color:#fff}.popup__images-closed{width:40px;height:40px;position:absolute;transform:rotate(45deg);cursor:pointer;top:-40px;right:-40px}.popup__error{color:red;font-size:12px}.popup__input_type_error{border-bottom-color:red}@media (max-width: 544px){.popup__form{width:282px;padding:22px}.popup__closed{width:26px;height:26px;right:0}.popup__button{width:238px}}.form__title{font-weight:900;font-size:24px;color:#fff;margin-top:60px;margin-bottom:50px;text-align:center}.form__subtitle{font-size:14px;cursor:pointer}.form__button{width:358px;height:50px;background:#fff;color:#000;border:0;border-radius:2px;font-size:18px;margin-top:216px;cursor:pointer}