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;src:local("Inter Regular"),local("Inter-Regular"),url(2e76ba93b7ec325dfa2df348002b81a1.woff2) format("woff2"),url(0c4d8533b66adf979dae26bdfe0cc25b.woff) format("woff")}@font-face{font-family:Inter;font-style:normal;font-weight:500;src:local("Inter Medium"),local("Inter-Medium"),url(5b53c519b3184a74a98ca6125f513c9d.woff2) format("woff2"),url(cc6a88688869161eb83642d9393a0c2d.woff) format("woff")}@font-face{font-family:Inter;font-style:normal;font-weight:900;src:local("Inter Black"),local("Inter-Black"),url(ca9c11d68040f25329bc2a3edac21f55.woff2) format("woff2"),url(f1458e94120508eae8ceac11db420915.woff) format("woff")}
.page{background-color:#000}
.page__header{margin:0 auto 40px}@media screen and (max-width:882px){.page__header{margin-bottom:42px}}
.page__footer{margin:66px 0 60px}@media screen and (max-width:882px){.page__footer{margin-top:calc(37.75089px + 3.20285vw);margin-bottom:calc(22.33452px + 4.27046vw)}}
.root{margin:0 auto;max-width:882px}
.header{border-bottom:1px solid rgba(84,84,84,.7)}@media screen and (max-width:882px){.header{padding:0 28px}}
.header__logo{max-width:142px;opacity:inherit}@media screen and (max-width:882px){.header__logo{max-width:calc(80.79359px + 6.9395vw)}}
.header__logo-link{margin:45px 0 40px;display:inline-block;font-size:0;transition:opacity .2s ease}.header__logo-link:hover{opacity:.6}@media screen and (max-width:882px){.header__logo-link{margin-top:calc(18.32028px + 3.02491vw);margin-bottom:calc(25.87544px + 1.60142vw)}}
.content{max-width:882px}@media screen and (max-width:882px){.content{padding:0 19px}}
.content__profile{margin:0 0 50px}@media screen and (max-width:720px){.content__profile{margin-bottom:calc(24.8px + 3.5vw)}}
.profile{display:flex;justify-content:space-between;align-items:center;font-family:Inter,Arial,Helvetica,sans-serif;font-style:normal;font-weight:400;font-size:18px;line-height:22px;color:#fff}@media screen and (max-width:720px){.profile{flex-direction:column;text-align:center}}
.profile__avatar{display:block;width:120px;height:120px;border-radius:50%;-o-object-fit:cover;object-fit:cover}
.profile__avatar-overlay{position:relative;transition:all .2s ease;cursor:pointer}.profile__avatar-overlay:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:url(ae1a976ddb506239e9f06655014e44a3.svg);background-repeat:no-repeat;background-position:50%;opacity:0;transition:all .3s ease}.profile__avatar-overlay:hover:after{opacity:1;background-color:rgba(0,0,0,.8)}
.profile__info{flex-grow:1;padding:0 30px;display:grid;grid-template-columns:auto 1fr;grid-template-areas:"name edit" "career .";gap:6px 16px}@media screen and (max-width:720px){.profile__info{margin:15px 0 36px;padding:0;grid-template-areas:"name edit" "career career";grid-template-columns:1fr -webkit-min-content;grid-template-columns:1fr min-content;-moz-column-gap:12px;column-gap:12px;row-gap:0}}
.profile__name{grid-area:name;margin:0;font-weight:500;font-size:42px;line-height:56px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media screen and (max-width:720px){.profile__name{font-size:calc(15px + 3.75vw)}}
.profile__career{grid-area:career;margin:0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media screen and (max-width:720px){.profile__career{font-size:calc(10.8px + 1vw);line-height:1}}
.profile__edit-button{grid-area:edit;align-self:center;width:24px;height:24px;border:1px solid #fff;background-color:transparent;background-image:url(6c7bf05444b9793fdf6e73a2dd202e7e.svg);background-position:50%;background-repeat:no-repeat;background-size:auto;transition:opacity .2s ease}.profile__edit-button,.profile__edit-button:active,.profile__edit-button:focus{outline:none}.profile__edit-button:hover{opacity:.6;cursor:pointer}@media screen and (max-width:720px){.profile__edit-button{background-size:8px 8px;width:calc(13.2px + 1.5vw);height:calc(13.2px + 1.5vw)}}
.profile__add-button{min-width:150px;height:50px;border:2px solid #fff;border-radius:2px;background-color:transparent;background-image:url(bed8c136e13907f5eefb86d62a5fe29e.svg);background-position:50%;background-repeat:no-repeat;background-size:auto;transition:opacity .2s ease}.profile__add-button,.profile__add-button:active,.profile__add-button:focus{outline:none}.profile__add-button:hover{opacity:.6;cursor:pointer}@media screen and (max-width:720px){.profile__add-button{background-size:16px 16px;width:calc(387.6px - 33vw)}}
.gallery{display:grid;grid-template-columns:repeat(auto-fit,282px);grid-auto-rows:auto;justify-content:center;gap:20px 18px}
.gallery__message{display:none;align-items:center;margin:40px 0;font-family:Inter,Arial,Helvetica,sans-serif;font-style:normal;font-weight:400;font-size:30px;line-height:40px;color:#333;text-align:center}@media screen and (max-width:720px){.gallery__message{margin:calc(4px + 5vw) 0;font-size:calc(12px + 2.5vw);line-height:calc(18.4px + 3vw)}}
.gallery__message_visible{display:flex}
.photo-card{position:relative;margin:0;border-radius:10px;width:282px;overflow:hidden;font-family:Inter,Arial,Helvetica,sans-serif;font-style:normal;font-weight:900;font-size:24px;line-height:29px;color:#000}
.photo-card__image{display:block;width:282px;height:282px;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;cursor:pointer}
.photo-card__caption{padding:0 21px;min-height:78px;display:flex;justify-content:space-between;align-items:center;background-color:#fff}
.photo-card__title{margin:0;max-width:210px;font-weight:900;font-size:24px;line-height:29px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.photo-card__like-button{padding:0;display:flex;align-items:flex-end;justify-content:center;min-width:21px;min-height:34px;border:none;background-color:transparent;background-image:url(df0c965524717a3fd8e99126f77c3daf.svg);background-repeat:no-repeat;background-size:21px 19px;background-position:top;transition:all .2s ease;font-size:13px;line-height:10px}.photo-card__like-button,.photo-card__like-button:active,.photo-card__like-button:focus{outline:none}.photo-card__like-button:hover{transform:scale(1.2);cursor:pointer}
.photo-card__like-button_liked{background-image:url(a7ffe37dcb927ba0c46c5bed570b6501.svg)}
.photo-card__del-button{position:absolute;top:18px;right:15px;padding:0;border:none;min-width:18px;min-height:20px;background-color:transparent;background-image:url(bef38aca48d7dbd16c70c10c02ac7f80.svg);background-repeat:no-repeat;background-position:50%;background-size:18px 20px;filter:drop-shadow(0 2px 10px black);transition:opacity .2s ease}.photo-card__del-button:hover{opacity:.6;cursor:pointer}.photo-card__del-button,.photo-card__del-button:active,.photo-card__del-button:focus{outline:none}
.footer{font-family:Inter,Arial,Helvetica,sans-serif;font-style:normal;font-weight:400;font-size:18px;line-height:22px}@media screen and (max-width:882px){.footer{padding:0 19px;font-size:calc(11.72242px + .71174vw);line-height:calc(14.15302px + .88968vw)}}
.footer__copyright{margin:0;color:#545454}
.popup{z-index:1;position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:rgba(0,0,0,.5);opacity:0;pointer-events:none;visibility:hidden;transition:visibility .3s,opacity .3s linear}
.popup_visible{visibility:visible;pointer-events:all;opacity:1}
.popup_type_photo{background-color:rgba(0,0,0,.9)}
.popup__button-close{position:absolute;top:0;right:0;transform:translate(100%,-100%);width:30px;height:30px;border:none;padding:0;background-color:transparent;background-image:url(0ca722bc0e922fcea36ebcf0f148a544.svg);background-size:contain;background-repeat:no-repeat;background-position:50%;transition:opacity .2s ease}.popup__button-close,.popup__button-close:active,.popup__button-close:focus{outline:none}.popup__button-close:hover{cursor:pointer;opacity:.6}@media screen and (max-width:510px){.popup__button-close{width:20px;height:20px}}
.popup__button-close_type_photo{top:-7px;right:-7px}@media screen and (max-width:510px){.popup__button-close_type_photo{top:-2px;right:-2px}}
.form{position:relative;margin:0 40px;padding:36px;border-radius:10px;width:430px;box-sizing:border-box;display:flex;flex-direction:column;background-color:#fff;font-family:Inter,Arial,Helvetica,sans-serif;font-style:normal;font-weight:400;font-size:14px;line-height:17px;color:#000}@media screen and (max-width:510px){.form{padding:30px 20px;font-size:calc(8.63158px + 1.05263vw);line-height:calc(11.63158px + 1.05263vw)}}
.form_active{display:flex}
.form__title{margin:0;font-weight:900;font-size:24px;line-height:29px}@media screen and (max-width:510px){.form__title{font-size:calc(7.89474px + 3.15789vw);line-height:calc(10.21053px + 3.68421vw)}}
.form__field{position:relative;display:flex;flex-direction:column}
.form__text{margin:40px 0 0;padding:0 0 10px;border:none;border-bottom:1px solid rgba(0,0,0,.15)}.form__text::-moz-placeholder{color:#c4c4c4}.form__text:-ms-input-placeholder{color:#c4c4c4}.form__text::placeholder{color:#c4c4c4}.form__text,.form__text:active,.form__text:focus{outline:none}
.form__text_invalid{border-bottom-color:red}
.form__text-error{position:absolute;top:calc(100% + 5px);left:0;font-size:12px;line-height:15px;color:red}
.form__button-submit{margin:48px 0 0;padding:0;height:50px;border:none;border-radius:2px;box-sizing:border-box;background-color:#000;font-size:18px;line-height:22px;color:#fff;transition:background-color .2s ease}.form__button-submit,.form__button-submit:active,.form__button-submit:focus{outline:none}.form__button-submit:hover{cursor:pointer;background-color:rgba(0,0,0,.8)}@media screen and (max-width:510px){.form__button-submit{padding:12px;font-size:calc(7.26316px + 2.10526vw);line-height:calc(8.57895px + 2.63158vw)}}
.form__button-submit_disabled{pointer-events:none;cursor:default;background-color:transparent;border:1px solid #000;color:#000;opacity:.2}
.photo{position:relative;margin:0;max-width:75vw;max-height:75vh;font-family:Inter,Arial,Helvetica,sans-serif;font-style:normal;font-weight:400;font-size:12px;line-height:15px;color:#fff}
.photo__image{display:block;margin:0 0 10px;max-width:75vw;max-height:75vh}
.photo__caption{font-style:normal;font-weight:400;font-size:12px;line-height:15px;color:#fff}
.photo__title{margin:0;font-size:inherit;font-weight:inherit}