/*! 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;-webkit-text-decoration:underline dotted;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}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-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}[hidden],template{display:none}
@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(26a30a5f1103393aac70.woff2) format("woff2"),url(e148c4a1158f8cee8285.woff) format("woff")}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(d0a58d956cf2f4cf078f.woff2) format("woff2"),url(eec0ea57721daa33c7a2.woff) format("woff")}@font-face{font-family:Inter;font-style:normal;font-weight:900;font-display:swap;src:url(768169b1912340d378ac.woff2) format("woff2"),url(7bb6234314ccc72c942a.woff) format("woff")}
.add-button{min-width:22px;min-height:22px;background-position:50%;background-repeat:no-repeat}@media screen and (max-width:625px){.add-button{min-width:16px;min-height:16px}}
.avatar{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}
.content{margin-bottom:66px}@media screen and (max-width:920px){.content{margin:0 19px 48px}}
.element{background-color:#fff;border-radius:10px;overflow:hidden;position:relative;width:100%;display:flex;flex-direction:column;justify-content:space-between;margin:0;padding:0;background-position:50%;background-repeat:no-repeat}
.element__heart{transition:opacity .2s ease-in-out;overflow:hidden;margin:0}.element__heart:hover{cursor:pointer;opacity:.5}
.element__image{position:absolute;top:0;left:0;margin:0;padding:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:flex}
.element__title{margin:0 5px 0 0;padding:0;font-weight:900;font-size:24px;line-height:1.21;color:#000;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.element__field{display:flex;justify-content:space-between;align-items:center;margin:0 21px 30px;padding:0}@media screen and (max-width:425px){.element__field{margin-right:15px}}
.element__image-wrapper{position:relative;padding-top:100%;height:0;margin:0 0 20px;width:100%}
.element__trash{position:absolute;right:15px;top:18px;min-width:18px;min-height:19px;fill:none;transition:opacity .2s ease-in-out,fill .2s ease-in-out}.element__trash:hover{cursor:pointer;opacity:.6}
.element__popup{transition:opacity 1s ease-in-out}.element__popup:hover{cursor:pointer;opacity:.6}
.element__likes{display:flex;flex-direction:column}
.element__likes-number{font-size:13px;line-height:1.21;font-weight:400;color:#000;margin:3px auto 0;padding:0}
.elements{max-width:880px;margin:0 auto;padding:0}
.elements__list{list-style:none;display:-ms-grid;display:grid;grid-template-columns:repeat(auto-fill,282px);justify-content:center;-moz-column-gap:17px;column-gap:17px;row-gap:21px;margin:0 auto;padding:0;width:100%}
.footer{margin:0;padding:0;display:flex;max-width:880px}
.footer__copyright{font-weight:400;font-size:18px;line-height:1.21;color:#545454;margin:0;padding:0}@media screen and (max-width:920px){.footer__copyright{font-size:14px;margin-left:19px}}
.header{border-bottom:1px solid rgba(84,84,84,.7);margin:0 auto 40px;box-sizing:border-box;display:flex;width:100%}
.header__logo{max-width:142px;margin:0 0 41px}@media screen and (max-width:920px){.header__logo{margin-left:27px}}@media screen and (max-width:625px){.header__logo{max-width:104px;margin-bottom:31px}}
.heart{background:url(49570bcb1d637fdb38e5.svg);background-size:contain;background-repeat:no-repeat;border:none;width:21px;height:18px}.heart:focus{outline:0 auto -webkit-focus-ring-color}
.heart_active{background:url(e787eeb70bb65b7b453a.svg);width:21px;background-size:contain;background-repeat:no-repeat;border:none}.heart_active:focus{outline:0 auto -webkit-focus-ring-color}
.logo{background-size:contain;background-repeat:no-repeat}
.page{margin:0;padding:0;font-family:Inter,Arial,sans-serif;color:#fff;background-color:#000;background-size:cover;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-style:normal}
.page__container{padding:45px 0 60px;max-width:880px;min-width:320px;min-height:100vh;display:flex;flex-direction:column;margin:0 auto}@media screen and (max-width:625px){.page__container{padding:28px 0 33px}}
.popup{position:fixed;top:0;bottom:0;left:0;right:0;background-color:rgba(0,0,0,.5);justify-content:center;align-items:center;min-width:320px;display:flex;visibility:hidden;opacity:0;transition:visibility .4s 0ms,opacity .4s linear 0ms}
.popup_type_edit-profile{display:flex;visibility:hidden;opacity:0;transition:visibility .4s 0ms,opacity .4s linear 0ms}
.popup_type_add-place{display:flex;visibility:hidden;opacity:0;transition:visibility .4s 0ms,opacity .4s linear 0ms}
.popup_type_image{display:flex;visibility:hidden;opacity:0;transition:visibility .4s 0ms,opacity .4s linear 0ms}


.popup_opened{display:flex;visibility:visible;opacity:1;transition:visibility .6s 0ms,opacity .6s linear 0ms}
.popup__container{padding:34px 35px 37px;min-width:430px;box-sizing:border-box;-webkit-box-sizing:border-box;background-color:#fff;position:relative;border-radius:10px;display:flex;flex-direction:column;box-shadow:10px 10px 25px rgba(0,0,0,.15)}@media screen and (max-width:625px){.popup__container{min-width:282px;padding:25px 22px}}
.popup__btn-submit{width:100%;border:none;font-weight:400;font-size:18px;line-height:1.22;text-align:center;background-color:#000;color:#fff;min-height:50px;padding:0;transition:background-color .2s ease-in-out;cursor:pointer;border-radius:2px}.popup__btn-submit:hover{background-color:rgba(0,0,0,.8)}@media screen and (max-width:625px){.popup__btn-submit{font-size:14px;line-height:1.21;min-height:46px}}
.popup__btn-submit_inactive{background:none;color:#000;opacity:.2;box-sizing:border-box;border:1px solid #000;pointer-events:none}
.popup__close{background:url(a004a2d5d464d8ddbbb5.svg);border:none;position:absolute;width:40px;height:40px;right:-40px;top:-40px;margin:0;padding:0;opacity:1;background-position:50%;transition:opacity .2s ease-in-out}.popup__close:hover{cursor:pointer;opacity:.6}@media screen and (max-width:625px){.popup__close{width:26px;height:26px;right:0}}



.popup__form{margin:0;padding:0;width:100%;display:flex;flex-direction:column}
.popup__form-field{position:relative}



.popup__title{max-width:330px;font-weight:900;font-size:24px;line-height:29px;color:#000;margin:0 0 48px;padding:0}@media screen and (max-width:625px){.popup__title{font-size:18px;line-height:22px}}
.popup__input{border:none;border-bottom:1px solid rgba(0,0,0,.2);width:100%;font-weight:400;font-size:14px;line-height:1.21;color:#000;box-sizing:border-box;padding:0 0 10px;margin:0 0 30px}.popup__input:nth-last-child(2){margin-bottom:48px}
.popup__input_type_error{border-bottom:1px solid red}





.popup__figure{margin:0 auto;padding:0;position:relative;max-width:75vw;max-height:75vh;display:flex;flex-direction:column;justify-content:center;box-sizing:border-box;-webkit-box-sizing:border-box}
.popup__image-caption{font-weight:400;font-size:12px;line-height:1.21;margin-top:10px}
.popup__image-wrapper{position:relative;max-width:75vw;max-height:75vh;margin:0 auto;padding:0;display:flex;flex-direction:column;justify-content:center;align-items:center;box-sizing:border-box;-webkit-box-sizing:border-box}
.popup__image{margin:auto;padding:0;-o-object-fit:contain;object-fit:contain;box-sizing:border-box;-webkit-box-sizing:border-box;max-width:75vw;max-height:70vh;box-shadow:10px 10px 25px rgba(0,0,0,.15)}
.profile{display:flex;justify-content:space-between;align-items:center;margin:0 auto 50px}@media screen and (max-width:625px){.profile{margin-bottom:36px;flex-direction:column}}
.profile__btn-add{background:url(d86bb2edc2f6eadb96b7.svg);background-repeat:no-repeat;background-position:50%;min-width:150px;max-width:280px;min-height:50px;border:1px solid #fff;display:flex;justify-content:center;align-items:center;box-sizing:border-box;transition:opacity .2s ease-in-out}.profile__btn-add:hover{cursor:pointer;opacity:.6}@media screen and (max-width:625px){.profile__btn-add{width:100%;margin:0 auto;border-radius:2px}}
.profile__avatar{margin:0 30px 0 0;width:120px;height:120px;border-radius:50%;position:relative;overflow:hidden;cursor:pointer}.profile__avatar:before{content:"";display:block;position:absolute;top:0;bottom:0;right:0;left:0;width:100%;height:100%;background-color:#000;background-image:url(a086f758840ae814ecde.svg);background-repeat:no-repeat;background-position:50%;background-size:26px 26px;opacity:.3;z-index:-1;pointer-events:none}.profile__avatar:hover:before{z-index:0;opacity:.8;transition:opacity .1s ease}@media screen and (max-width:625px){.profile__avatar{margin:0 0 26px}}
.profile__job{font-weight:400;font-size:18px;line-height:1.22;margin:0;padding:0;max-width:300px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media screen and (max-width:625px){.profile__job{font-size:14px;line-height:1.21;max-width:200px}}
.profile__info{display:flex;align-items:center}@media screen and (max-width:625px){.profile__info{margin-bottom:32px;flex-direction:column;width:100%}}
.profile__name{font-weight:500;font-size:42px;line-height:1.14;margin:0;padding:0 17px 0 0;max-width:295px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media screen and (max-width:625px){.profile__name{font-size:27px;line-height:1.22;text-align:center;margin-right:10px;max-width:200px}}
.profile__text{display:flex;flex-direction:column;max-width:336px}@media screen and (max-width:625px){.profile__text{align-items:center}}
.profile__btn-edit{background:url(a1892ea72cb87c8fc3aa.svg);background-size:cover;background-repeat:no-repeat;width:24px;height:24px;opacity:1;border:none;margin:0;padding:0;transition:opacity .2s ease-in-out}@media screen and (max-width:425px){.profile__btn-edit{width:18px;height:18px}}.profile__btn-edit:hover{cursor:pointer;opacity:.6}
.profile__name-wrapper{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px}@media screen and (max-width:920px){.profile__name-wrapper{margin-bottom:10px;justify-content:center}}
.trash{background:url(a274c87c0f6b553b47ad.svg);background-size:cover;background-repeat:no-repeat;border:none}
.popup__error{font-size:12px;color:red;opacity:0;margin-top:1px;position:absolute;top:34px;left:0;transition:.2s}
.popup__error_visible{opacity:1}