/*! 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?v=3.15) format("woff2"),url(e148c4a1158f8cee8285.woff?v=3.15) format("woff")}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(d0a58d956cf2f4cf078f.woff2?v=3.15) format("woff2"),url(eec0ea57721daa33c7a2.woff?v=3.15) format("woff")}@font-face{font-family:Inter;font-style:normal;font-weight:900;font-display:swap;src:url(768169b1912340d378ac.woff2?v=3.15) format("woff2"),url(7bb6234314ccc72c942a.woff?v=3.15) format("woff")}
.page{font-family:Inter,Arial,sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background-color:#000}
.page__container{min-width:320px;max-width:882px;min-height:100vh;margin:0 auto}
.header{padding-top:45px;margin:0 auto;width:100%;min-height:73px;border-bottom:1px solid rgba(84,84,84,.7)}@media screen and (max-width:882px){.header{min-height:55px;padding-top:28px}}
.header__logo{width:142px;height:33px}@media screen and (max-width:930px){.header__logo{width:103.74px;height:24.4px;margin-left:27px}}
.profile{width:100%;padding-top:40px;display:grid;grid-template-columns:minmax(-webkit-min-content,-webkit-max-content) minmax(-webkit-min-content,-webkit-max-content)1fr;grid-template-columns:minmax(min-content,max-content) minmax(min-content,max-content)1fr;grid-template-rows:1fr}@media screen and (max-width:930px){.profile{margin:0 auto;width:calc(100% - 54px)}}@media screen and (max-width:730px){.profile{padding-top:42px;grid-template-columns:1fr;grid-template-rows:minmax(-webkit-min-content,-webkit-max-content) minmax(-webkit-min-content,-webkit-max-content)1fr;grid-template-rows:minmax(min-content,max-content) minmax(min-content,max-content)1fr;width:calc(100% - 38px)}}
.profile__avatar-container{position:relative;cursor:pointer;margin-right:26.25px;margin-top:3.75px;margin-bottom:3.75px}.profile__avatar-container:after{position:absolute;content:"";background:url(ae1a976ddb506239e9f0.svg) no-repeat 50%;background-color:#000;background-size:26px 26px;top:0;left:0;bottom:0;right:0;opacity:0;transition:opacity .2s ease;width:100%;height:100%}.profile__avatar-container:hover:after{opacity:.8}
.profile__avatar{width:120px;height:120px;border-radius:50%;-o-object-fit:cover;object-fit:cover}@media screen and (max-width:730px){.profile__avatar{margin-left:22.5px;justify-self:center}}
.profile__info{display:grid;grid-template-columns:minmax(-webkit-min-content,-webkit-max-content) 1fr;grid-template-columns:minmax(min-content,max-content) 1fr;grid-template-rows:minmax(-webkit-min-content,-webkit-max-content) 1fr;grid-template-rows:minmax(min-content,max-content) 1fr;align-self:center;gap:16px}@media screen and (max-width:730px){.profile__info{margin-top:22.25px;justify-self:center;gap:14px 10px}}
.profile__title{margin:0;padding:0;font-weight:500;font-size:42px;line-height:48px;color:#fff;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;max-width:294px}@media screen and (max-width:730px){.profile__title{font-size:27px;line-height:33px;max-width:189px}}
.profile__paragraph{margin:0;padding:0;font-weight:400;font-size:18px;line-height:22px;color:#fff;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;max-width:336px}@media screen and (max-width:730px){.profile__paragraph{font-size:14px;line-height:17px;justify-self:center;grid-column:span 2;max-width:282px}}
.profile__edit-button{background:url(6c7bf05444b9793fdf6e.svg) no-repeat 50%;background-size:10px 10px;border:1px solid #fff;width:24px;height:24px;align-self:center;cursor:pointer;transition:opacity .2s ease;outline:none}.profile__edit-button:hover{opacity:.6}@media screen and (max-width:730px){.profile__edit-button{background-size:7.5px 7.5px;width:18px;height:18px}}
.profile__add-button{background:url(bed8c136e13907f5eefb.svg) no-repeat 50%;border:2px solid #fff;width:150px;height:50px;align-self:center;justify-self:end;cursor:pointer;transition:opacity .2s ease;outline:none;border-radius:2px}.profile__add-button:hover{opacity:.6}@media screen and (max-width:730px){.profile__add-button{justify-self:center;width:282px;margin-top:36px}}
.elements{padding-top:46.25px;display:grid;grid-template-columns:repeat(auto-fill,282px);justify-content:center;gap:20px 17px}
.element{position:relative;background:#fff;border-radius:10px;overflow:hidden}
.element__image{width:100%;-o-object-fit:cover;object-fit:cover;height:282px;cursor:pointer}
.element__position{margin-top:25px;margin-bottom:31px;display:grid;grid-template-columns:1fr .3fr}
.element__title{padding:0;color:#000;font-weight:900;font-size:24px;line-height:29px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin:0 0 0 21px}

.element__like{background:url(df0c965524717a3fd8e9.svg);width:20.76px;height:18.13px;border-style:none;justify-self:end;margin-right:22.24px;align-self:center;outline:none;cursor:pointer;transition:opacity .2s ease}.element__like:hover{opacity:.6}
.element__number{color:#000;font-weight:400;font-size:13px;line-height:16px;margin:3px 0 0 7.48px}
.element__like_pressed{background:url(a7ffe37dcb927ba0c46c.svg)}
.element__basket{position:absolute;top:18px;right:15px;background:url(2af49b82d305a6ea3442.svg);width:18px;height:19.3px;border-style:none;outline:none;cursor:pointer;transition:opacity .2s ease}.element__basket:hover{opacity:.6}
.footer{padding-top:67px;padding-bottom:60px}@media screen and (max-width:930px){.footer{margin-left:27px}}@media screen and (max-width:670px){.footer{padding-top:48px;padding-bottom:36px;margin-left:19px}}
.footer__copyright{margin:0;padding:0;font-weight:400;font-size:18px;line-height:22px;color:#545454}@media screen and (max-width:670px){.footer__copyright{font-size:14px;line-height:17px}}
.popup{position:fixed;justify-content:center;align-items:center;background-color:rgba(0,0,0,.5);top:0;left:0;bottom:0;right:0;display:flex;visibility:hidden;opacity:0;transition:visibility .6s,opacity .5s linear}
.popup__content{background:#fff;border-radius:10px;width:100%;max-width:430px;position:relative;box-sizing:border-box;padding:34px 36px 37px}@media screen and (max-width:730px){.popup__content{width:calc(100% - 38px);padding:25px 22px;text-align:center}}
@media screen and (max-width:730px){.popup__content_type_add-photo{width:calc(100% - 80px);padding:30px 20px;text-align:start}}
.popup__content-photo{position:relative}



.popup__photo{max-width:75vw;max-height:75vh}
.popup__title{margin:0 0 54px;font-weight:900;font-size:24px;line-height:29px;color:#000;width:330px}@media screen and (max-width:730px){.popup__title{font-size:18px;line-height:22px;margin-bottom:75px;width:238px}}
@media screen and (max-width:730px){.popup__title_type_place{margin-bottom:36px;width:185px}}
.popup__title_type_deleteСard{margin-bottom:0}
.popup__caption{margin:0;color:#fff;font-weight:400;font-size:12px;line-height:15px;position:absolute;bottom:-20px;left:0}
.popup__close{background:url(44bb1e48112a8752b62d.svg) no-repeat 50%;width:40px;height:40px;border:none;cursor:pointer;position:absolute;top:-40px;right:-40px;padding:0;margin:0;transition:opacity .2s ease;outline:none}.popup__close:hover{opacity:.6}@media screen and (max-width:730px){.popup__close{width:26px;height:26px;top:-53.62px;right:0}}
@media screen and (max-width:730px){.popup__close_type_close-photo{width:30px;height:30px;top:-30px;right:-30px}}
@media screen and (max-width:730px){.popup__close_type_close-big-foto{width:30px;height:30px;top:-30px;right:-30px}}
@media screen and (max-width:730px){.popup__close_type_close-avatar{width:30px;height:30px;top:-30px;right:-30px}}
.popup__input{width:100%;margin:0;font-weight:400;font-size:14px;line-height:17px;color:#000;border:none;border-bottom:1px solid rgba(0,0,0,.2);outline:none;padding:0 0 13px}
.popup__input-label{margin-bottom:30px;display:block;position:relative}.popup__input-label:last-of-type{margin-bottom:0}


@media screen and (max-width:730px){.popup__input_type_place{margin-bottom:20px}}

.popup__input_type_error{border-bottom:1px solid red}
.popup__input-error{font-weight:400;font-size:12px;line-height:15px;color:red;padding-bottom:13px;position:absolute;left:0;top:35px}
.popup__save{padding:0;cursor:pointer;width:100%;height:50px;text-align:center;color:#fff;font-weight:400;font-size:18px;line-height:22px;background:#000;transition:opacity .2s ease;border-style:none;border-radius:2px;margin:48px 0 0}.popup__save:hover{opacity:.8}@media screen and (max-width:730px){.popup__save{font-size:14px;line-height:17px;height:46px;margin-top:45px}}
.popup__save_disabled{background:#fff;border:1px solid rgba(0,0,0,.2);color:rgba(0,0,0,.5)}
.popup__save_type_deleteСard{margin-top:38px}
@media screen and (max-width:730px){.popup__save_type_photo{height:40px;margin-top:36px}}

.popup_opened{visibility:visible;opacity:1}