@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:400;src:url(c8ba52b05a9ef10f4758.woff2) format("woff2"),url(8c206db99195777c6769.woff) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:700;src:url(ec64ea577b0349e055ad.woff2) format("woff2"),url(93c1301bd9f486c573b3.woff) format("woff")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:900;src:url(15ca31c0a2a68f76d2d1.woff2) format("woff2"),url(c6938660eec019fefd68.woff) format("woff")}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.15}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}
.button{background-color:#000;border:2px solid #fff;cursor:pointer;display:flex;flex-shrink:0;grid-area:b;justify-content:center;padding-bottom:15px;padding-top:17px;width:100%}@media screen and (min-width:1280px){.button{width:150px}}.button:hover{opacity:60%}
.footer{padding-bottom:36px;padding-left:5.9375vw;padding-top:48px}@media screen and (min-width:1280px){.footer{margin:0 auto;padding-left:0;padding-top:67px;width:880px}}
.footer__text{color:#545454;font-family:Inter,Arial,sans-serif;font-size:14px;font-weight:400;line-height:16.94px;margin:0}@media screen and (min-width:1280px){.footer__text{font-size:18px;line-height:21.78px}}
.header{border-bottom:1px solid #545454;padding-bottom:26.6px;padding-left:8.4375vw;padding-top:28px}@media screen and (min-width:1280px){.header{margin:0 auto;padding-bottom:45px;padding-left:0;padding-top:45px;width:880px}}
.header__logo{height:24.4px;max-width:32.41875vw}
.info{align-items:center;display:flex;flex-direction:column;gap:26px;width:100%}@media screen and (min-width:1280px){.info{flex-direction:row;gap:30px}}
.main{margin:0 auto;max-width:88.125vw;padding-top:42px}@media screen and (min-width:1280px){.main{max-width:880px;padding-top:36.25px}}
.mesto__element{background-color:#fff;border-radius:10px;display:flex;flex-direction:column;gap:25px;justify-content:center;position:relative}
.mesto__img{border-radius:10px 10px 0 0;cursor:pointer;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}@media screen and (min-width:1280px){.mesto__img{height:282px;width:282px}}
.mesto__like{background-position:50%;background-repeat:no-repeat;background-size:cover;background:url(0bc60938ca96a5dcae18.svg);border:none;cursor:pointer;height:19px;margin-left:auto;width:22px}.mesto__like:hover{opacity:50%}.mesto__like-active{background-position:50%;background-repeat:no-repeat;background-size:cover;background:url(98c6468a4f7ddf50d1df.png);border:none;cursor:pointer;height:19px;margin-left:auto;width:22px}
.mesto__title{font-family:Inter,Arial,sans-serif;font-size:24px;font-weight:900;line-height:29.05px;margin:0;max-width:224px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mesto__ul{display:flex;flex-direction:column;gap:20px;justify-content:center;list-style:none;margin:0;padding-left:0}@media screen and (min-width:800px){.mesto__ul{display:grid;grid-template-columns:repeat(2,auto);row-gap:17px}}@media screen and (min-width:1280px){.mesto__ul{grid-template-columns:repeat(3,auto)}}
.mesto__delete{background:url(3faf673e39d3bdfca459.png);background-position:50%;background-repeat:no-repeat;background-size:cover;border:none;cursor:pointer;height:19px;position:absolute;right:20px;top:20px;width:18px}.mesto__delete:hover{opacity:50%}
.page{margin:0;max-width:100%}@media screen and (min-width:1280px){.page{display:flex;flex-direction:column}}
.popup{align-content:center;align-items:center;background:rgba(0,0,0,.5);display:flex;height:100vh;justify-content:center;left:0;opacity:0;position:fixed;top:0;visibility:hidden;width:100%}.popup_opened{cursor:pointer;opacity:1;transition:visibility .5s,opacity .5s linear;visibility:visible}
.popup__img{-o-object-fit:cover;object-fit:cover;width:100%}
.popup__button{align-items:center;align-self:center;background-color:#000;border:none;color:#fff;font-family:Inter,Arial,sans-serif;font-size:14px;font-weight:400;height:46px;line-height:16.94px;margin-bottom:25px;margin-top:15px;max-width:74.375vw;width:74.375vw}@media screen and (min-width:1280px){.popup__button{font-size:18px;height:50px;line-height:21.78px;margin-bottom:18px;width:358px}}.popup__button:hover{opacity:80%}.popup__button_inactive{background-color:#fff;border:2px solid #e5e5e5;color:#e5e5e5}
.popup__close{background-color:transparent;border:none;cursor:pointer;max-width:6.25vw;padding:0;position:absolute;right:0;top:-32px}@media screen and (min-width:1280px){.popup__close{max-width:32px;right:-40px;top:-40px;width:32px}}.popup__close:hover{opacity:60%}
.popup__container{align-items:center;background-color:#fff;border-radius:10px;display:flex;flex-direction:column;padding-left:11.25px;padding-right:11.25px;padding-top:25px;position:absolute;width:74.375vw}@media screen and (min-width:1280px){.popup__container{padding-left:36px;padding-right:36px;padding-top:34px;width:358px}}
.popup__form{align-items:flex-start;display:flex;flex-direction:column;width:100%}
.popup__text{border-style:none;border-bottom:1px solid rgba(0,0,0,.2);color:#000;font-family:Inter,Arial,sans-serif;font-size:14px;font-weight:400;line-height:16.94px;margin-bottom:5px;padding-bottom:13px;width:100%}@media screen and (min-width:1280px){.popup__text{font-size:14px;width:358px}}
.popup__title{font-family:Inter,Arial,sans-serif;font-size:18px;font-weight:900;line-height:21.78px;margin-bottom:75px;margin-top:0}@media screen and (min-width:1280px){.popup__title{font-size:24px;line-height:29.05px;margin-bottom:38px}}
.popup__picture{background-color:#fff;background:none;display:flex;flex-direction:column;gap:10px;position:absolute}
.popup__screen{max-height:75vh;max-width:75vw;-o-object-fit:cover;object-fit:cover}
.popup__subname{background:none;color:#fff;font-family:Inter,Arial,sans-serif;font-size:12px;font-weight:400;line-height:15px}
.profile{align-items:center;color:#fff;display:flex;flex-direction:column;gap:34px;padding-bottom:36px}@media screen and (min-width:1280px){.profile{display:flex;flex-direction:row;justify-content:space-between;padding-bottom:47.25px}}
.profile__avatar{border-radius:100%;height:120px;-o-object-fit:cover;object-fit:cover;width:120px;z-index:0}.profile__avatar:hover{background-color:rgba(0,0,0,.8)}
.profile__button{align-items:center;align-self:center;background-color:#000;border:1px solid #fff;cursor:pointer;display:flex;grid-area:b;height:18px;justify-content:center;max-width:18px;padding:0}@media screen and (min-width:1280px){.profile__button{height:24px;max-width:24px}}.profile__button:hover{opacity:60%}
.profile__changeavatar{border-radius:100%;display:flex;height:120px;justify-content:center;margin:0;padding:0;position:absolute;width:120px;z-index:2}.profile__changeavatar:hover{background-color:rgba(0,0,0,.8);background-image:url(ff0fcb318a3974db48d1.svg);background-position:50%;background-repeat:no-repeat;background-size:26px 26px;cursor:pointer}
.profile__buttonpict{border:0;border-radius:100%;color:#000;height:120px;margin:0;-o-object-fit:cover;object-fit:cover;padding:0;width:120px}
.profile__info{-moz-column-gap:10px;column-gap:10px;display:grid;grid-template-areas:"a b" "c c";grid-template-columns:repeat(2,auto);row-gap:7px;width:100%}@media screen and (min-width:1280px){.profile__info{-moz-column-gap:18px;column-gap:18px;row-gap:16px;width:auto}}
.profile__plus{max-width:5.8%;min-width:16px;-o-object-fit:contain;object-fit:contain}@media screen and (min-width:1280px){.profile__plus{max-width:22px}}
.profile__subtitle{font-family:Inter,Arial,sans-serif;font-size:14px;font-weight:400;grid-area:c;line-height:16.94px;margin-left:auto;margin-right:auto;max-width:282px;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}@media screen and (min-width:1280px){.profile__subtitle{font-size:18px;line-height:21.78px;margin:0;max-width:336px;text-align:left}}
.profile__title{font-family:Inter,Arial,sans-serif;font-size:27px;font-weight:500;grid-area:a;justify-self:end;line-height:32.68px;margin:0;max-width:238px;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}@media screen and (min-width:1280px){.profile__title{font-size:42px;justify-self:normal;line-height:48px;max-width:358px;text-align:left}}
.profile__pencil{height:7.5px;width:7.5px}@media screen and (min-width:1280px){.profile__pencil{width:24px}}
.popup__contcard{align-items:flex-start}
.popup__input-error{color:red;display:block;font-family:Inter,Arial,sans-serif;font-size:12px;font-weight:400;line-height:14.52px;margin-bottom:13px;min-height:30px}.popup__input-error_active{display:block}
.like{align-items:center;display:flex;flex-direction:column;gap:3px}
.like__score{font-family:Inter,Arial,sans-serif;font-size:13px;font-weight:400;line-height:15.73px;margin:0}
.body{background-color:#000}
.reaction{align-items:center;display:flex;justify-content:space-between;margin:0 20px 0 21px;padding-bottom:31px}@media screen and (min-width:1280px){.reaction{margin-left:21px;margin-right:20px}}


/*# sourceMappingURL=main.css.map*/