/*! 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{margin:.67em 0;font-size:2em}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace;font-size:1em}a{background-color:#0000}abbr[title]{border-bottom:none;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:100%;line-height:1.15}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner{border-style:none;padding:0}[type=button]::-moz-focus-inner{border-style:none;padding:0}[type=reset]::-moz-focus-inner{border-style:none;padding:0}[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring{outline:1px dotted buttontext}[type=button]:-moz-focusring{outline:1px dotted buttontext}[type=reset]:-moz-focusring{outline:1px dotted buttontext}[type=submit]:-moz-focusring{outline:1px dotted buttontext}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;white-space:normal;max-width:100%;padding:0;display:table}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button{height:auto}[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}template,[hidden]{display:none}@font-face{src:url(/assets/Inter-Regular-B0QUfDW0.woff2)format("woff2");font-family:Inter;font-weight:400}@font-face{src:url(/assets/Inter-Medium-B0NFony0.woff2)format("woff2");font-family:Inter}@font-face{src:url(/assets/Inter-Bold-CytjP_7U.woff2)format("woff2");font-family:Inter;font-weight:700}.header{width:880px;margin:0 auto}.header__logo{padding-top:5%}#line{width:880px;margin-top:4%}.header__user{justify-content:space-between;font-size:18px;display:flex;position:relative;top:-23px}.header__user-close{color:#a9a9a9;cursor:pointer}.header__user-close:hover{opacity:.7}.header__user-email{margin:0 2% 0 auto;font-weight:400;display:flex;position:relative}@media screen and (width>=721px) and (width<=900px){.header{width:721px}#line{width:720px;margin-top:4%}.header__logo{padding-top:5%;padding-left:6%}}@media screen and (width<=730px){.header__user{flex-direction:column;align-items:center;margin:0 auto;font-size:18px;display:flex;top:-100px}.header__user-close{color:#a9a9a9}.header__user-email{margin:0 auto;position:relative}.header{margin-top:10%}}@media screen and (width<=720px){.header{width:100%}#line{width:700px;margin-top:4%}.header__logo{padding-top:5%;padding-left:6%}}@media screen and (width<=700px){.header{width:100%;padding-top:14%}#line{width:549px;margin-top:4%}.header__logo{padding-top:5%;padding-left:5%}}@media screen and (width<=550px){.header{width:450px}#line{width:400px;margin-top:4%}}@media screen and (width<=460px){.header{width:400px}#line{width:350px;margin-top:4%}}@media screen and (width<=459px) and (width>=320px){.header{width:320px}#line{width:317px;margin-top:4%}.header__logo{width:126px;height:24px}}.page{color:#fff;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;background-color:#000;margin:0 auto;font-family:Inter,Arial,sans-serif}body{background-color:#000}.profile{justify-content:space-between;align-items:center;width:880px;margin:0 auto;padding-top:2.5%;padding-bottom:4%;font-family:Inter,Arial,sans-serif;display:flex}.profile__info{grid-template:"title edit"39px"subtitle."22px/380px 24px;align-items:baseline;gap:20px;padding-top:22px;display:grid}.profile__column{display:flex}.profile__title{text-overflow:ellipsis;white-space:nowrap;grid-area:title;margin:0;font-family:Inter;font-size:42px;font-weight:500;line-height:1.15;overflow:hidden}.profile__subtitle{text-overflow:ellipsis;white-space:nowrap;grid-area:subtitle;margin:0;font-size:18px;font-weight:400;line-height:1.15;overflow:hidden}.profile__image{object-fit:cover;border-radius:100%;width:120px;height:120px;margin-right:5%;transition:opacity .5s}.profile__image:hover{cursor:pointer;opacity:.25;transition:opacity .5s}.profile__image-wrapper{cursor:pointer;background:0 0;border:none;border-radius:50%;width:120px;height:120px;transition:opacity .5s;display:flex;position:relative;overflow:hidden}.profile__image-wrapper:hover .profile__image-switch-button{cursor:pointer;opacity:.9;transition:opacity .5s}.profile__image-switch-button{opacity:0;background-color:#0000;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAB9SURBVHgB7dbBCYAwDAXQ4ASO4CiO4AgdwQ10BDfqKBklpjRCKIiXfLzkQyi95PHppUSAiMiiU9tJqBjC0sMQbEAEgr0gTypF5AOJaZRIIokkksifiEEFjjjsRDY5/DKHxTaxhTxgezSyQt/CMuls7j7rFEJE+kfvas0ImBsR7skYWCY75QAAAABJRU5ErkJggg==);background-repeat:no-repeat;border:0;width:26px;height:26px;transition:opacity .5s;position:absolute;top:48px;left:47px}.profile__add-button{background-color:#000;width:150px;height:50px}.profile__add-button-image{width:22px;height:22px;margin-left:auto;padding-top:3%}.profile__edit-button-image{background-color:#000;grid-area:edit;align-self:self-end;width:24px;height:24px;padding-bottom:2%}.profile__add-button:hover{cursor:pointer;opacity:.7}.profile__edit-button{background-color:#000;border:0;grid-area:edit;align-self:self-end;width:24px;height:24px;padding-bottom:2%}.profile__edit-button:hover{cursor:pointer;opacity:.7}@media screen and (width<=920px) and (width>=800px){.profile{width:800px}.profile__add-button{width:150px;height:50px;margin-left:1%;margin-right:5%}.profile__image{margin-right:3.5%}.profile__info{gap:10px}}@media screen and (width>=320px) and (width<=799px){.profile{flex-direction:column;align-items:center;width:282px;display:flex}.profile__column{flex-direction:column;align-items:center;display:flex}.profile__add-button{width:282px;height:50px}.profile__add-button-image{width:22px;height:22px;margin-left:6%;margin-right:6%;padding-top:2%}.profile__edit-button-image{width:20px;height:20px;margin-bottom:2px;padding-bottom:2%}.profile__edit-button{width:20px;height:20px;padding-bottom:3%}.profile__info{flex-flow:wrap;justify-content:center;padding-bottom:6%;display:flex}.profile__title{text-overflow:ellipsis;white-space:nowrap;width:201px;font-size:22px;font-weight:500;line-height:27px;overflow:hidden}.profile__subtitle{text-align:center;margin:0;font-size:14px;font-weight:400;line-height:22px}}.cards{width:880px;margin:0 auto;padding-right:8%}.cards__item{flex-direction:column;display:flex;position:relative}.cards__content{flex-wrap:wrap;gap:15px;width:100%;list-style-type:none;display:flex}.cards__image{border-top-left-radius:20px;border-top-right-radius:20px;width:282px;height:282px}.cards__trash-button{background-color:#0000;border:0;width:18px;height:19px;position:absolute;top:7px;right:7px}.card__trash-button_hidden{visibility:hidden}.card__trash-button_visible{visibility:visible;background-color:#0000;border:0;width:18px;height:19px;position:absolute;top:15px;right:20px}.cards__trash-button:hover{cursor:pointer;opacity:.7}.cards__hearth-button{background-color:#0000;background-image:url("data:image/svg+xml,%3csvg%20width='21'%20height='19'%20viewBox='0%200%2021%2019'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M19.3764%209.78586C21.5412%207.54338%2021.5412%203.90213%2019.3764%201.68186C17.2115%20-0.560619%2013.6964%20-0.560619%2011.5315%201.68186L10.4812%202.792L9.43098%201.70406C7.26614%20-0.560619%203.75096%20-0.560619%201.60755%201.68186C0.557285%202.76979%200%204.21297%200%205.74496C0%207.27695%200.578719%208.72013%201.60755%209.80806L10.4812%2019L19.3764%209.78586ZM1.37178%205.74496C1.37178%204.59042%201.80046%203.52469%202.59352%202.72539C3.40801%201.88168%204.45828%201.45983%205.50855%201.45983C6.55882%201.45983%207.60909%201.88168%208.42358%202.72539L10.4812%204.83465L12.5389%202.70318C14.1465%201.03798%2016.7829%201.03798%2018.369%202.70318C19.1406%203.50248%2019.5907%204.56821%2019.5907%205.72276C19.5907%206.8773%2019.162%207.94303%2018.369%208.74233L10.4812%2016.9351L2.59352%208.76453C1.82189%207.94303%201.37178%206.8773%201.37178%205.74496Z'%20fill='black'/%3e%3c/svg%3e");background-repeat:no-repeat;border:none;width:21px;margin-top:4px;margin-right:21px;padding-left:5.5%}.cards__hearth-button:hover{opacity:.7;cursor:pointer}.cards__hearth-counter{color:#000;padding-left:6px;font-size:14px;display:flex;position:absolute;bottom:7px;right:27px}.cards__hearth-button_active{background-color:#0000;background-image:url("data:image/svg+xml,%3csvg%20width='21'%20height='19'%20viewBox='0%200%2021%2019'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M19.3764%201.68186C21.5412%203.90213%2021.5412%207.54338%2019.3764%209.78586L10.4812%2019L1.60755%209.80806C0.578719%208.72013%200%207.27695%200%205.74496C0%204.21297%200.557285%202.76979%201.60755%201.68186C3.75096%20-0.560619%207.26614%20-0.560619%209.43098%201.70406L10.4812%202.792L11.5315%201.68186C13.6964%20-0.560619%2017.2115%20-0.560619%2019.3764%201.68186Z'%20fill='black'/%3e%3c/svg%3e");background-repeat:no-repeat;width:21px;margin-top:4px;margin-right:21px;transition:all .3s}.cards__image-info{background-color:#fff;border-bottom-right-radius:20px;border-bottom-left-radius:20px;justify-content:space-between;width:282px;height:40px;margin:0 auto;padding-top:6%;padding-bottom:3%;display:flex}.cards__image-text{color:#000;text-overflow:ellipsis;white-space:nowrap;margin:0 15px;font-size:24px;font-weight:700;line-height:1.15;overflow:hidden}@media screen and (width<=950px) and (width>=800px){.cards{width:650px;padding-right:1%}.cards__content{margin-top:8.5%}}@media screen and (width<=799px) and (width>=723px){.cards{width:650px;padding-right:1%}.cards__content{margin-top:8.5%}}@media screen and (width<=722px) and (width>=650px){.cards{width:650px;padding-right:0}.cards__content{width:600px;margin-top:8.5%}}@media screen and (width<=649px) and (width>=300px){.cards{width:282px;padding-right:2%}.cards__content{width:100%;padding-left:2%;list-style-type:none;display:flex}.cards__hearth-counter{right:30px}}.footer{width:318px;margin-left:17.5%;padding-top:3%;padding-bottom:2%;font-size:18px}.footer__copyright{color:#545454;font-family:Inter,Arial,sans-serif;font-weight:400;line-height:1.15}@media screen and (width<=900px) and (width>=800px){.footer{width:318px;margin-left:14%}}@media screen and (width<=799px) and (width>=650px){.footer{width:318px;margin-left:9%}}@media screen and (width<=459px) and (width>=320px){.footer{width:290px;margin-left:8.5%}}.popup__button-cross{background-color:#0000;border:0;width:40px;height:40px;position:absolute;top:-33px;right:-30px}.popup__button-cross:hover{opacity:.7;cursor:pointer}.form{background-color:#fff;border-radius:3%;width:430px;height:330px;margin:0 auto;position:relative}.avatar__form{height:260px}.confirmation__form{height:180px}.popup__title{color:#000;margin-top:6%;margin-bottom:2%;padding-left:5%;font-family:Inter;font-size:24px;line-height:1.15}.popup__form-fieldset{border:0;flex-direction:column;gap:20px;display:flex}.popup__form-input{box-sizing:border-box;border:0;border-bottom:1px solid gray;width:358px;height:35px;margin:0 auto}.popup__form-input_invalid{border-bottom:1px solid red}.form__error{width:90%;height:2px;font-size:12px;position:relative;bottom:15px;left:20px}.form__error-active{color:red}.popup__form-button,.popup__form-button-create{color:#fff;background-color:#000;width:358px;height:50px;margin:0 auto;font-size:18px;font-weight:500}.popup__form-button:hover{opacity:.6;cursor:pointer}.popup__form-button_disabled{color:gray;pointer-events:none;background-color:#f5f5f5;border:1px solid #887c7c}@media screen and (width<=649px) and (width>=320px){.form{background-color:#fff;width:282px;height:322px}.avatar__form{width:282px;height:260px}.confirmation__form{height:170px}.popup__form-button{width:238px;height:46px;margin:0 auto}.popup__form-input{width:238px;height:46px;font-size:14px}.popup__title{margin-top:10%;padding-left:3%;font-size:18px}.popup__button-cross{width:30px;height:30px;position:absolute;top:-33px;right:-12px}.form__error{left:8px}}.popup{opacity:0;visibility:hidden;z-index:999;width:100%;height:100%;transition:all .4s ease-in-out;position:fixed;top:0;left:0}.popup_register{width:430px;height:330px}.popup__wrapper-register{color:#000;z-index:1;background-color:#fff;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;width:430px;height:330px;display:flex;position:fixed;top:40%;left:50%;transform:translate(-50%,-50%)}.popup__image-register{width:120px;padding-top:20px}.popup_register-title{text-align:center;width:90%;font-size:20px;font-weight:700}.popup__container{color:#000;z-index:1;background-color:#fff;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;top:40%;left:50%;transform:translate(-50%,-50%)}.popup__overlay{background-color:#00000080;position:fixed;inset:0}.popup_opened{opacity:1;visibility:visible}.popup__image-container{display:flex;position:fixed;top:53%;left:50%;transform:translate(-50%,-50%)}.popup__image-container-group{flex-direction:column;margin:auto;display:flex}.popup__image-button-cross{cursor:pointer;background-color:#0000;border:0;width:40px;height:40px;position:absolute;top:-33px;right:-30px}.popup__image-button-cross:hover{opacity:.7;cursor:pointer}.popup__image-big{width:433px;height:460px}.popup__image-title{color:#000;text-align:center;font-family:Inter,sans-serif;font-size:14px;font-weight:500;line-height:1.15}@media screen and (width<=1280px){.popup__container{position:fixed;top:34%;left:50%;transform:translate(-50%,-50%)}}@media screen and (width<=649px) and (width>=320px){.popup__wrapper-register{width:280px;height:308px}.popup__image-register{width:120px;padding-top:20px}.popup_register-title{text-align:center;width:90%;font-size:24px;font-weight:700}.popup__container{width:282px}.popup__image-container{width:240px}.popup__image-big{width:285px;height:299px}.popup__image-button-cross{width:30px;height:30px;position:absolute;top:-33px;right:-12px}}.login{color:#fff;flex-direction:column;justify-content:center;align-items:center;column-gap:20px;max-width:880px;margin:0 auto;padding-bottom:4%;font-family:Inter,Arial,sans-serif;display:flex}.login__form-fieldset{border:0;flex-direction:column;gap:20px;padding:0;display:flex}.login__header-wrapper{margin-top:20px;padding-bottom:0}.login__header-register{color:#fff;font-family:Inter;font-size:18px;position:absolute;top:60px;right:200px}.login__form{flex-direction:column;align-items:center;width:100%;display:flex}.login__form-input{color:#fff;background-color:#000;border:none;border-bottom:2px solid #fff;width:358px;height:50px;margin-bottom:30px;padding-bottom:7px;font-size:14px}.login__form-item:focus{outline:none}.login__button{cursor:pointer;width:358px;height:50px;margin-top:60px;margin-bottom:15px;padding:10px 0}.login__register{color:#fff;margin:0;font-size:14px;text-decoration:none}.login__title{margin:40px 0;font-size:24px}.login__register{color:#fff;font-size:14px;text-decoration:none}@media screen and (width<=880px){.login__header{width:700px}.login__header-register{top:50px;right:200px}}@media screen and (width<=720px){.login__header{width:500px}.login__header-register{top:50px;right:100px}}@media screen and (width<=550px){.login__header-register{top:30px;right:100px}}@media screen and (width<=500px){.login__header{width:318px}}@media screen and (width<=458px){.login__header-register{font-size:14px;top:25px;right:40px}}@media screen and (width<=360px){.login__form-input,.login__button{width:260px}}.register{color:#fff;flex-direction:column;justify-content:center;align-items:center;max-width:880px;margin:0 auto;padding-bottom:4%;font-family:Inter,Arial,sans-serif;display:flex}.register__header-wrapper{margin-top:20px;padding-bottom:0}.register__header-login{color:#fff;font-family:Inter;font-size:18px;position:absolute;top:60px;right:200px}.register__form{flex-direction:column;align-items:center;width:100%;display:flex}.register__form-input{color:#fff;background-color:#000;border:none;border-bottom:2px solid #fff;width:358px;height:50px;margin-bottom:30px;padding-bottom:7px;font-size:14px}.register__form-fieldset{border:0;flex-direction:column;gap:20px;padding:0;display:flex}.register__form-input:focus{outline:none}.register__button{cursor:pointer;width:358px;height:50px;margin-top:60px;margin-bottom:15px;padding:10px 0}.register__login{color:#fff;margin:0;font-size:14px;text-decoration:none}.register__title{margin:40px 0;font-size:24px}@media screen and (width<=880px){.reister__header{width:700px}.register__header-login{top:50px;right:200px}}@media screen and (width<=720px){.register__header{width:500px}.register__header-login{top:50px;right:100px}}@media screen and (width<=550px){.register__header-login{top:30px;right:100px}}@media screen and (width<=500px){.register__header{width:318px}}@media screen and (width<=458px){.register__header-login{font-size:14px;top:25px;right:40px}}@media screen and (width<=360px){.register__form-input,.register__button{width:260px}}