/*! 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:initial;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:initial}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:initial}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:initial}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}body{align-items:center;background-color:#000;display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:1280px;min-height:100vh;width:100%}@media screen and (min-width:1281px){body{align-items:center;justify-content:center}}.page{margin:0 auto;width:1280px}@media screen and (min-width:768px) and (max-width:1280px){.page{width:95%}}@media screen and (max-width:768px){.page{width:95%}}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:400;src:url(../../static/media/Inter-Regular.c8ba52b05a9ef10f4758.woff2) format("woff2"),url(../../static/media/Inter-Regular.8c206db99195777c6769.woff) format("woff")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:500;src:url(../../static/media/Inter-Medium.293fd13dbca5a3e450ef.woff2) format("woff2"),url(../../static/media/Inter-Medium.9053572c46aeb4b16caa.woff) format("woff")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:900;src:url(../../static/media/Inter-Black.15ca31c0a2a68f76d2d1.woff2) format("woff2"),url(../../static/media/Inter-Black.c6938660eec019fefd68.woff) format("woff")}.header{display:flex;flex-direction:row;justify-content:space-between;margin:0 auto;width:69%}@media screen and (min-width:768px) and (max-width:1280px){.header{margin:0 auto;width:100%}}@media screen and (max-width:768px){.header{margin:0 auto;width:97%}}.container{margin:0 auto;position:relative;width:69%}@media screen and (min-width:768px) and (max-width:1280px){.container{width:100%}}@media screen and (max-width:768px){.container{width:100%}}.logo{margin:5% auto 5% 0}@media screen and (min-width:320px) and (max-width:768px){.logo{width:25%}}@media screen and (max-width:320px){.logo{width:30%}}.line{background-color:#fff;height:.15px;margin:0 auto;width:69%}@media screen and (min-width:768px) and (max-width:1280px){.line{width:100%}}@media screen and (max-width:768px){.line{width:97%}}.profile{display:grid;grid-template-columns:15% 30% 5% 50%;margin:5% 0;width:100%}@media screen and (min-width:768px) and (max-width:1280px){.profile{display:grid;grid-template-columns:15% 25% 5% 55%;margin:5% auto}}@media screen and (max-width:768px){.profile{grid-template-columns:40% 10% 50%;grid-template-rows:60% 40%;height:30vh;margin:5% auto}}.profile__avatar{border-radius:50%;height:120px;width:120px}.profile__avatar:hover{filter:brightness(.25)}.profile__avatar:hover+.profile__avatar-edit{opacity:.5}@media screen and (min-width:768px) and (max-width:1280px){.profile__avatar{height:90px;width:90px}}@media screen and (max-width:768px){.profile__avatar{height:180px;width:180px}}.profile__avatar-edit{cursor:pointer;opacity:0;position:absolute;right:40%;top:30%}.profile__avatar-edit:hover{opacity:1}.profile__avatar-edit:hover+.profile__avatar{opacity:.5}@media screen and (min-width:768px) and (max-width:1280px){.profile__avartar-edit{right:45%;top:40%}}@media screen and (max-width:768px){.profile__avartar-edit{right:0;top:50%}}.profile__avatar-container{position:relative;width:100%}@media screen and (max-width:768px){.profile__avatar-container{grid-column:2/3;grid-row:1/2}}.profile__place{margin:0;padding:0;position:relative}@media screen and (max-width:768px){.profile__place{font-size:25px;grid-column:1/2;grid-row:2/3;margin-left:8%}}.profile__name{color:#fff;font-family:Inter,Arial,sans-serif;font-size:35px;line-height:133%;list-style:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media screen and (min-width:768px) and (max-width:1280px){.profile__name{font-size:25px;margin-left:8%}}@media screen and (max-width:768px){.profile__name{font-size:25px;margin-left:8%}}.profile__about{color:#fff;font-family:Inter,Arial,sans-serif;font-size:18px;line-height:121%;list-style:none;margin-top:5%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media screen and (min-width:768px) and (max-width:1280px){.profile__about{font-size:14px;margin-left:8%}}@media screen and (max-width:768px){.profile__about{font-size:16px;margin-left:10%}}.button-edit{background-color:initial;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAB9SURBVHgB7ZSxDYAwDAQTJsgIjMBmsAFs5hEYKbwFFQX4DS4QeemVItFdEcu5IikykQJldyk4TfBhAQakoIIOdw/pMT3ga90jl2xWcILrWV4TMHBawMIpgQduFnjhjGD2wE0CXI1ojy4s3CoQdErOmD/5iaBt0x8IcuQUaTasuvMzLt9mqQAAAABJRU5ErkJggg==);background-position:50%;background-repeat:no-repeat;background-size:cover;border:0 solid #fff;cursor:pointer;height:20px;margin:25%;outline:none;width:20px}.button-edit:hover{opacity:50%}@media screen and (max-width:768px){.button-edit{grid-column:2/3;grid-row:2/3}}.button-place{background-color:initial;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJYAAAAyCAYAAAC+jCIaAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAEmSURBVHgB7d3BTcNAFEXRP4gCKIEOSAmhElqADqACKIkWqIB0QDoYxiIRbAgW8Vv5HGmkWWRlXWUkf9luvfe7qnoZ66rgfLuxHtsI631srguWs5/C6tOuDQVnOvZ0URAgLCKERYSwiBAWEcIiQlhECIsIYREhLCKERYSwZhjjr23/ti3+JCwihEWEsIgQFhHCIkJYRAiLCGERcVkrN/OG582P/ebwvMBJrbXXWrHVP6XT51TyD2u/no5CIlZ/FA63M36zGev5sL8f66047ThZLX5lCD3f8SI5CokQFhHCIkJYRAiLCGERISwihEWEN/qxKLNCooRFhLCIEBYRwiJCWEQIiwhhESEsIoRFhLCImGaFH+VbhSxrN/1jPdTXxwthCfuxnj4BvENkrIGs/doAAAAASUVORK5CYII=);background-position:50%;background-size:cover;border-color:#fff;border-style:solid;border-width:0 1px;cursor:pointer;height:40%;margin:2% auto auto 55%;outline:none;width:30%}.button-place:hover{opacity:50%}@media screen and (min-width:768px) and (max-width:1280px){.button-place{border-bottom-width:1px;border-top-width:1px;height:40%;margin-left:69%;width:20%}}@media screen and (max-width:768px){.button-place{border-bottom-width:1px;border-top-width:1px;grid-column:3/4;grid-row:2/3;height:30%}}.popup{background-color:#0009;min-height:100vmax;opacity:0;position:absolute;top:0;transition:opacity .5s ease-in-out,visibility 0s linear .5s;visibility:hidden;width:1280px;z-index:1}.popup_is-opened{opacity:1;transition:opacity .5s ease-in-out,visibility 0s linear 0s;visibility:visible}@media screen and (min-width:768px) and (max-width:1280px){.popup{max-width:100vw}}@media screen and (max-width:768px){.popup{max-width:100vw}}.form{background-color:#fff;border-radius:3%;display:flex;flex-direction:column;left:19%;position:absolute;top:9%;width:60%}.form__close{background-color:initial;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAhBAMAAAClyt9cAAAAIVBMVEUAAAD////////////////////////////////////////PIev5AAAACnRSTlMAoGDvMBBfz6+AGyeRYQAAAJZJREFUKM9V0LENwlAMAFGDQIIudSpoGYGWBSKxQJZgAhZghVCA5ClxJJ9OuHBhvV/cj//Zr2szhHOba42Lh931UyRzkGTO62WRZJ7qVSHJOwIkAUlAEhBEBBFBRBDRs4kom4ggzEFiEXUWdZ0EJDmDjB5BRPtPRoOMBkFAEpAEJBHdm4BesW3S6DtFXIqIHrW2kojjFD86rmY/0SGoAwAAAABJRU5ErkJggg==);background-position:50%;background-repeat:no-repeat;background-size:cover;border:none;cursor:pointer;height:5%;position:absolute;right:-5%;top:-5%;width:5%}.form__close:hover{opacity:70%}.form__title{color:#000;font-family:Inter,Arial,sans-serif;font-size:25px;line-height:121%;margin:10% auto 5%;text-align:left;width:80%}@media screen and (min-width:320px) and (max-width:768px){.form__title{font-size:25px}}@media screen and (max-width:320px){.form__title{font-size:22px}}.form__input{border:none;border-bottom:1px solid #c4c4c4;color:#000;font-family:Inter,Arial,sans-serif;font-size:20px;line-height:121%;margin:2% auto;width:80%}.form__input_type_error{margin-bottom:0}@media screen and (min-width:320px) and (max-width:768px){.form__input{font-size:15px}}@media screen and (max-width:320px){.form__input{font-size:15px}}.form__error_active{border:none;color:red;font-family:Inter,Arial,sans-serif;font-size:18px;line-height:121%;margin:0 auto;width:80%}@media screen and (min-width:320px) and (max-width:768px){.form__error_active{font-size:11px}}@media screen and (max-width:320px){.form__error_active{font-size:11px}}.form__button{background-color:#000;color:#fff;cursor:pointer;font-family:Inter,Arial,sans-serif;font-size:25px;line-height:120%;margin:5% 10%;padding:5% 0;text-align:center;width:80%}.form__button:hover{opacity:70%}.form__button_inactive{background:#ededed;color:#b8b8b8;pointer-events:none}@media screen and (min-width:320px) and (max-width:768px){.form__button{font-size:20px}}@media screen and (max-width:320px){.form__button{font-size:20px}}.form__button-container{margin:auto;position:relative;width:80%}.form__button-saving{background-color:#000;color:#fff;cursor:pointer;display:none;font-family:Inter,Arial,sans-serif;font-size:25px;line-height:120%;margin:5% 10%;padding:5% 0;text-align:center;width:80%}@media screen and (min-width:320px) and (max-width:768px){.form__button-saving{font-size:20px}}@media screen and (max-width:320px){.form__button-saving{font-size:20px}}.cards{grid-gap:1.5% 1.5%;align-items:start;display:grid;grid-auto-rows:1fr;grid-template-columns:repeat(3,32.5%);grid-template-rows:1fr;margin:5% 0}@media screen and (min-width:768px) and (max-width:1280px){.cards{grid-template-columns:repeat(2,1fr);margin:5% auto 0}}@media screen and (max-width:768px){.cards{grid-template-columns:1fr;margin:5% auto;row-gap:.1%}}.card{display:flex;flex-direction:column;margin:0;position:relative}.card__link{border-top-left-radius:10px;border-top-right-radius:10px;cursor:pointer;height:280px;object-fit:cover;width:100%}.card__link:hover{opacity:80%}@media screen and (max-width:768px){.card__link{height:500px;pointer-events:none}}.card__trash{background:url(../../static/media/Trash.8cb59aa98088a1653f62.svg) 50% no-repeat;background-size:100%;border:none;cursor:pointer;height:7%;position:absolute;right:7%;top:5%;visibility:hidden;width:7%}.card__trash_active{visibility:visible}.card__trash:hover{opacity:70%}@media screen and (min-width:320px) and (max-width:768px){.card__trash{background-size:40%;height:9%;width:9%}}@media screen and (max-width:320px){.card__trash{right:7%;top:6%;width:6%}}.card__name{background-color:#fff;border-bottom-left-radius:5px;border-bottom-right-radius:5px;color:#000;font-family:Inter,Arial,sans-serif;font-size:24px;height:10%;line-height:121%;margin:0;overflow:hidden;padding:5% 0 5% 10%;position:relative;text-overflow:ellipsis;white-space:nowrap;width:90%}@media screen and (min-width:768px) and (max-width:1280px){.card__name{font-size:20px;margin-right:2%}}.card__heart{background:url(../../static/media/heart.3826c074a1b94b101e38.svg) 50% no-repeat;background-size:60%;border:none;cursor:pointer;height:10%;opacity:70%;position:absolute;right:5%;top:82%;transition:.5s;width:10%}.card__heart:hover{opacity:100%;transform:scale(1.5)}.card__heart_active{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAATCAYAAAB/TkaLAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACqSURBVHgBrZSBDYMgEEV/O4EjOEJH6Cas0hHcoGzSEegGN4JuoJw5IjGiB95PfjTw8iCEAGzpY4dYip3l+5VxHHDjBYdXBu07yjzHnXCUcesKVABzsbtgEtex1Cvgmn5YGoyl9JAf0zxjJ9hmYukftll9b9ieqUt2byQc9tu+K/YopPV6FYWcrkEcoEiNOAivikZcJUzpUX5omoRnYsLB23lHbCLMxT8ohQu6WMqA7WqnmAAAAABJRU5ErkJggg==) 50% no-repeat;background-size:100%;opacity:1}@media screen and (min-width:768px) and (max-width:1280px){.card__heart{background-size:55%}}@media screen and (max-width:768px){.card__heart{background-size:45%}}.card__like-count{color:#000;font-family:Inter,Arial,sans-serif;font-size:15px;line-height:133%;position:absolute;right:8.5%;top:87%}@media screen and (min-width:768px) and (max-width:1280px){.card__like-count{background-size:55%}}@media screen and (max-width:768px){.card__like-count{background-size:45%;font-size:20px;right:9%}}.footer{margin:10% auto 0;width:69%}@media screen and (min-width:320px) and (max-width:768px){.footer{margin:5% auto 0;width:100%}}@media screen and (max-width:320px){.footer{margin:5% auto 0;width:100%}}.footer__copyright{color:#fff;font-family:Inter,Arial,sans-serif;font-size:14px;font-weight:400;margin:auto;padding-bottom:2%;text-align:left}.footer__copyright:hover{opacity:70%}@media screen and (min-width:320px) and (max-width:768px){.footer__copyright{font-size:12px}}@media screen and (max-width:320px){.footer__copyright{font-size:12px}}.image-popup{align-items:center;background-color:#0009;display:flex;flex-direction:column;height:100%;justify-content:center;left:50%;margin:auto;opacity:0;padding-top:10%;position:fixed;top:50%;transform:translate(-50%,-50%);transition:opacity .5s ease-in-out,transform .5s ease-in-out,visibility 0s linear .5s;visibility:hidden;width:65%;z-index:1}.image-popup_visible{opacity:1;transition:opacity .5s ease-in-out,transform .5s ease-in-out,visibility 0s linear .5s .5s;visibility:visible}@media screen and (min-width:768px) and (max-width:1280px){.image-popup{left:45.5%;top:50%;width:71%}}@media screen and (max-width:768px){.image-popup{width:95%}}.image-popup__close{background-color:initial;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAhBAMAAAClyt9cAAAAIVBMVEUAAAD////////////////////////////////////////PIev5AAAACnRSTlMAoGDvMBBfz6+AGyeRYQAAAJZJREFUKM9V0LENwlAMAFGDQIIudSpoGYGWBSKxQJZgAhZghVCA5ClxJJ9OuHBhvV/cj//Zr2szhHOba42Lh931UyRzkGTO62WRZJ7qVSHJOwIkAUlAEhBEBBFBRBDRs4kom4ggzEFiEXUWdZ0EJDmDjB5BRPtPRoOMBkFAEpAEJBHdm4BesW3S6DtFXIqIHrW2kojjFD86rmY/0SGoAwAAAABJRU5ErkJggg==);background-position:50%;background-repeat:no-repeat;background-size:cover;border:none;cursor:pointer;height:2%;position:absolute;right:7%;top:26%;transition:opacity .5s ease-in-out,visibility 0s linear .5s;width:2%}.image-popup__close:hover{opacity:70%}@media screen and (min-width:768px) and (max-width:1280px){.image-popup__close{right:7%;top:24%}}.image-popup__photo{background-size:contain;height:60%;margin-left:0}.image-popup__name,.image-popup__photo{transition:opacity .5s ease-in-out,visibility 0s linear .5s;width:80%}.image-popup__name{background-color:#000;color:#fff;font-family:Inter,Arial,sans-serif;font-size:25px;line-height:121%;margin:0;padding-top:2%}.auth{height:100vh;margin:5% auto;width:25vw}.auth-form{display:flex;flex-direction:column;width:100%}.auth-form__title{font-size:24px;margin:0 auto 10%;text-align:center;width:80%}.auth-form__input,.auth-form__title{color:#fff;font-family:Inter,Arial,sans-serif;line-height:121%}.auth-form__input{background-color:#000;border:none;border-bottom:2px solid #ccc;font-size:14px;margin:5% auto;width:100%}.auth-form__button{background-color:#fff;color:#000;cursor:pointer;font-family:Inter,Arial,sans-serif;font-size:18px;line-height:120%;margin:80% auto 2%;padding:5% 10%;text-align:center;width:100%}.auth-form__button:hover{opacity:70%}.auth-form__register{color:#fff;font-family:Inter,Arial,sans-serif;font-size:14px;line-height:121%;margin:5% auto 20%;text-align:center;text-decoration:none;width:100%}.auth-form__register:hover{opacity:.7}.popup-info-tool{background-color:#0009;height:100vh;margin:0 13%;opacity:1;padding-left:16%;padding-top:10;position:absolute;top:10%;transition:opacity .5s ease-in-out,visibility 0s linear .5s;visibility:visible;width:55vw;z-index:2}.popup-info-tool_is-opened{opacity:1;transition:opacity .5s ease-in-out,visibility 0s linear 0s;visibility:visible}.container-info-tool{background-color:#fff;border-radius:3%;display:flex;flex-direction:column;position:absolute;top:5%;width:60%}.container-info-tool__image{margin:15% auto;width:28%}.container-info-tool__text{color:#000;font-family:Inter,Arial,sans-serif;font-size:24px;line-height:121%;margin:0 auto 20%;text-align:center;width:50%}.container-info-tool__close{background-color:initial;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAhBAMAAAClyt9cAAAAIVBMVEUAAAD////////////////////////////////////////PIev5AAAACnRSTlMAoGDvMBBfz6+AGyeRYQAAAJZJREFUKM9V0LENwlAMAFGDQIIudSpoGYGWBSKxQJZgAhZghVCA5ClxJJ9OuHBhvV/cj//Zr2szhHOba42Lh931UyRzkGTO62WRZJ7qVSHJOwIkAUlAEhBEBBFBRBDRs4kom4ggzEFiEXUWdZ0EJDmDjB5BRPtPRoOMBkFAEpAEJBHdm4BesW3S6DtFXIqIHrW2kojjFD86rmY/0SGoAwAAAABJRU5ErkJggg==);background-position:50%;background-repeat:no-repeat;background-size:cover;border:none;cursor:pointer;height:5%;position:absolute;right:-5%;top:-5%;width:5%}.container-info-tool__close:hover{opacity:70%}.header__close{background-color:initial;border:none;color:#a9a9a9;cursor:pointer;font-family:inter,Arial,sans-serif;font-size:18px;line-height:125%;margin-top:35%}.header__close:hover{opacity:.7}@media screen and (max-width:768px){.header__close{font-size:10px;margin:5% auto}}.header__container{align-items:baseline;display:flex;flex-direction:row;justify-content:space-between;width:50%}@media screen and (min-width:768px) and (max-width:1280px){.header__container{flex-direction:row}}@media screen and (max-width:768px){.header__container{align-items:flex-end;flex-direction:column;justify-content:space-around}}.header__email{color:#fff;font-family:inter,sans-serif,Arial;font-size:18px;line-height:1.5}@media screen and (min-width:768px) and (max-width:1280px){.header__email{font-size:18px}}@media screen and (max-width:768px){.header__email{font-size:15px}}
/*# sourceMappingURL=main.03fcf622.css.map*/