/*! 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:100;font-display:swap;src:url(/around-react/static/media/Inter-Thin.9c96c7a2.woff2) format("woff2"),url(/around-react/static/media/Inter-Thin.035ae3d8.woff) format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:200;font-display:swap;src:url(/around-react/static/media/Inter-ExtraLight.8381bcfb.woff2) format("woff2"),url(/around-react/static/media/Inter-ExtraLight.0713a6d4.woff) format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:300;font-display:swap;src:url(/around-react/static/media/Inter-Light.a1f9e860.woff2) format("woff2"),url(/around-react/static/media/Inter-Light.c58ea231.woff) format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url(/around-react/static/media/Inter-Regular.1e081edc.woff2) format("woff2"),url(/around-react/static/media/Inter-Regular.3ae6a7d3.woff) format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url(/around-react/static/media/Inter-Medium.c709803c.woff2) format("woff2"),url(/around-react/static/media/Inter-Medium.95b8a989.woff) format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url(/around-react/static/media/Inter-SemiBold.46633223.woff2) format("woff2"),url(/around-react/static/media/Inter-SemiBold.19b57197.woff) format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:700;font-display:swap;src:url(/around-react/static/media/Inter-Bold.e7ae9868.woff2) format("woff2"),url(/around-react/static/media/Inter-Bold.00189378.woff) format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:800;font-display:swap;src:url(/around-react/static/media/Inter-ExtraBold.a0e89d60.woff2) format("woff2"),url(/around-react/static/media/Inter-ExtraBold.b82eef49.woff) format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:900;font-display:swap;src:url(/around-react/static/media/Inter-Black.14a17633.woff2) format("woff2"),url(/around-react/static/media/Inter-Black.b90562e0.woff) format("woff")}@font-face{font-family:"Inter";font-style:italic;font-weight:900;font-display:swap;src:url(/around-react/static/media/Inter-BlackItalic.d92bb789.woff2) format("woff2"),url(/around-react/static/media/Inter-BlackItalic.41751fc7.woff) format("woff")}.page{background-color:#000;width:100%;min-height:100%;max-width:882px;margin:0 auto;position:relative}@media screen and (min-width:1024px){.header__logo{height:33px;width:173px}}.header{border-bottom:1px solid rgba(84,84,84,.7);padding:28px 0 32px 27px}@media screen and (min-width:1024px){.header{padding:45px 0 41px}}.profile__avatar-hover{position:absolute;max-width:120px;width:100%;height:100%;max-height:120px;right:0;top:0;transition:.3s ease;background-color:rgba(0,0,0,.5);background-image:url(/around-react/static/media/editavatar.d476a8b8.svg);background-position:50%;background-repeat:no-repeat;color:#fff;opacity:0}.profile__avatar-overlay{position:relative}.profile__avatar-overlay:hover{cursor:pointer}.profile__avatar-overlay:hover .profile__avatar-hover{opacity:1}.profile__avatar{border-radius:50%;width:120px;height:120px;background-size:cover;object-fit:cover}.profile__avatar:hover .profile__avatar-hover{display:block;background:#000 url(/around-react/static/media/editavatar.d476a8b8.svg);background-repeat:no-repeat;background-position:50%;background-size:26px;border:none}@media screen and (max-width:620px){.profile__avatar{margin-right:auto;margin-left:auto}}.profile__avatar-wrap{height:127.5px;overflow:hidden;text-align:center;margin:auto}@media screen and (min-width:620px){.profile__avatar-wrap{margin:0;text-align:left;grid-area:avatar;width:168.75px;height:127.5px;left:176.5px}}.profile__edit{border:1px solid #fff;padding:5.25px;background:50%/10px 10px no-repeat url(/around-react/static/media/Edit.9c261a66.svg);height:18px;width:18px;box-sizing:border-box;align-self:center;margin-left:17.25px}.profile__edit:hover{border:1px solid hsla(0,0%,100%,.6);box-sizing:border-box;opacity:.6;cursor:pointer}.profile__name{margin:0;font-family:"Inter",sans-serif;font-style:normal;font-weight:500;font-size:22px;line-height:56px;text-align:center;max-width:250px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}@media screen and (min-width:620px){.profile__name{text-align:start;margin-block:0}}@media screen and (min-width:1024px){.profile__name{grid-area:title;text-align:start;font-size:42px;line-height:56px;max-width:400px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}}.profile__title{margin:0;font-family:"Inter","Arial",sans-serif;font-style:normal;font-weight:400;font-size:14px;line-height:17px;text-align:center}@media screen and (min-width:620px){.profile__title{width:50%;grid-area:subtitle;text-align:start}}.profile__add{background-image:url(/around-react/static/media/plus.e0270e67.svg);background-size:22px 22px;background-position:50%;background-repeat:no-repeat;background-color:#000;padding:17px 134px 17px 132px;border:2px solid #fff;box-sizing:border-box;max-width:400px;border-radius:2px;margin:36px 19px;align-self:center;height:22px}.profile__add:hover{border:2px solid hsla(0,0%,100%,.6);box-sizing:border-box;border-radius:2px;cursor:pointer;opacity:.6}@media screen and (min-width:620px){.profile__add{grid-area:add;justify-self:start;text-align:left;margin:0}}@media screen and (min-width:1024px){.profile__add{justify-self:end;padding:22px 64px;text-align:end;margin-right:0;margin-left:auto}}@media screen and (min-width:1024px){.profile__text{margin-top:21.75px;margin-left:20px}}.profile__namebox{grid-area:title;display:flex;flex-wrap:nowrap;justify-content:center;width:100%}@media screen and (min-width:620px){.profile__namebox{justify-content:start}}.profile{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:center;font-family:"Inter",sans-serif;color:#fff;margin:38.25px auto 36px}@media screen and (min-width:620px){.profile{display:grid;grid-template-columns:1fr 3fr;grid-template-areas:"avatar title title" "avatar subtitle subtitle" ". add .";max-width:620px}}@media screen and (min-width:1024px){.profile{display:flex;flex-direction:row;margin:36px 0 47.25px;max-width:882px;justify-content:start}}.elements__element{list-style-type:none;margin-left:auto;margin-right:auto;max-width:282px;padding:0;display:flex;flex-direction:column;background-color:#fff;width:282px;border-radius:15px;position:relative}.elements__image{border-radius:10px 10px 0 0;width:282px;height:282px;z-index:100}.elements__text{font-weight:900;font-size:24px;line-height:29px;margin:0;grid-area:name;align-self:center;font-family:"Inter","Arial",sans-serif;font-style:normal;pointer-events:none;max-width:210px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.elements__list{--auto-grid-min-size:280px;padding:0;margin:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));grid-template-columns:repeat(auto-fill,minmax(var(--auto-grid-min-size,16rem),1fr));grid-gap:1rem}.elements .elements__heart_clicked{background-image:url(/around-react/static/media/heart_clicked.5bbb05f7.svg)}.elements__heart_likes{grid-area:likes;margin:3px 0 0 auto;font-weight:400;font-size:13px;line-height:16px;text-align:center;width:21px}.elements__heart{background-image:url(/around-react/static/media/heart.a8acc871.svg);margin:auto 0 auto auto;background-color:#fff;border:none;background-size:cover;background-repeat:no-repeat;grid-area:heart;padding:0;height:18.13px;width:20.76px;color:#000;align-self:center}.elements__heart:hover{opacity:.3;cursor:pointer}.elements__photo-bottom{padding:20px 20px 25px;display:grid;grid-template-areas:"name heart" "name likes"}.elements__trash{background-image:url(/around-react/static/media/trashcan.4220563a.svg);padding:0;background-color:hsla(0,0%,100%,0);border:none;width:18px;height:20px;top:18px;left:90%;position:absolute;z-index:1000}.elements__trash:hover{cursor:pointer;opacity:.6}.elements{max-width:882px;margin:auto}.footer__copyright{font-family:"Inter","Arial",sans-serif;font-style:normal;font-weight:400;font-size:18px;line-height:22px;color:#545454;margin:38px 0 36px}@media screen and (min-width:620px){.footer__copyright{margin:66px 0 60px}}.footer{max-width:282px;margin-left:auto;margin-right:auto}@media screen and (min-width:528px){.footer{max-width:882px;margin-left:0;margin-right:19px}}.popup .popup__container_addcard{margin-top:155px;margin-right:auto;margin-left:auto}@media screen and (min-width:620px){.popup .popup__container_addcard{position:absolute;top:10px;margin-right:auto;margin-left:auto}}.popup .popup__container_delete{margin-top:0;position:absolute;width:430px;height:181px;left:0;right:0;top:270px}.popup__container{background:#fff;box-shadow:0 0 25px rgba(0,0,0,.15);border-radius:10px;margin-left:auto;margin-right:auto;margin-top:300px;width:240px;max-width:75%;display:flex;flex-direction:column;padding:10px;box-sizing:border-box}@media screen and (min-width:620px){.popup__container{margin-top:0;position:absolute;width:430px;left:0;right:0;top:165px;margin-left:auto;display:flex;flex-direction:column;padding:0 36px;box-sizing:border-box}}.popup__edit-form{font-family:"Inter","Arial",sans-serif;font-style:normal;font-weight:400;font-size:14px;line-height:17px}@media screen and (min-width:620px){.popup__edit-form{margin-left:auto;margin-right:auto}}.page .popup__edit_invalid{border-bottom:1px solid red}.page .popup__edit_error{color:red;font-family:"Inter","Arial",sans-serif;font-style:normal;font-weight:400;font-size:12px;line-height:15px}.popup__edit{width:100%;border:none;border-bottom:1px solid rgba(0,0,0,.2);margin-bottom:0}.popup__close{top:-50px;left:220px;background-repeat:no-repeat;background-size:cover;width:40px;height:40px;position:relative;background-color:transparent;border:0;background-image:url(/around-react/static/media/plus.e0270e67.svg);transform:rotate(45deg)}.popup__close:hover{opacity:.6;cursor:pointer}@media screen and (min-width:620px){.popup__close{position:inherit;top:-40px;left:400px}}.popup__heading{font-family:"Inter",sans-serif;font-style:normal;font-weight:900;font-size:24px;line-height:29px}@media screen and (min-width:620px){.popup__heading{margin:34px 0 54px;align-self:flex-start;align-items:start}}.page .popup__save_invalid{border:1px solid rgba(0,0,0,.2);box-sizing:border-box;border-radius:2px;color:rgba(0,0,0,.2);background:#fff}.popup__save{background-color:#000;color:#fff;padding:13.66px 124px 18.49px 125px;margin:31px auto 36.51px;text-align:center;font-family:"Inter",sans-serif;font-style:normal;font-weight:400;font-size:18px;line-height:22px;max-width:358px;width:100%}.popup__save:hover{background:rgba(0,0,0,.8);color:#fff;border-radius:2px;cursor:pointer}@media screen and (max-width:600px){.popup__save{width:220px;box-sizing:border-box;padding:12px 48px 14px;font-family:"Inter","Arial",sans-serif;font-style:normal;font-weight:400;font-size:14px;line-height:17px;text-align:center}}.page .popup_visible{visibility:visible;opacity:1;transition:all 1s ease-in-out}.popup__img{display:flex;flex-direction:column;align-items:center;margin-top:90px}.popup__imgtext{margin-bottom:200px;color:#fff;font-family:"Inter","Arial",sans-serif;font-style:normal;font-weight:400;font-size:12px;line-height:15px;text-align:start;margin-top:0;white-space:nowrap;overflow:hidden;max-width:250px;text-overflow:ellipsis}.popup__image{object-fit:fill;max-width:75vw;max-height:75vh}@media screen and (min-width:620px){.popup__image{margin:0 25px 0 0}}.popup__closeimg{top:0;left:215px}@media screen and (min-width:620px){.popup__closeimg{align-self:flex-end}}.popup__card{align-self:center;display:flex;flex-direction:column;flex-wrap:nowrap}@media screen and (max-width:620px){.popup_image{margin-top:10px}}.popup__label-group{display:block;margin:0 0 30px}.popup{width:100%;height:100%;max-width:882px;background-color:rgba(0,0,0,.6);position:absolute;z-index:1000;top:0;left:0;opacity:0;transition:all 1s ease-in-out;visibility:hidden}@media screen and (min-width:620px){.popup{height:100%;width:100%;max-width:882px;position:absolute}}
/*# sourceMappingURL=main.4734c8e4.chunk.css.map */