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;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}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-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}template{display:none}[hidden]{display:none}@font-face{font-family:Inter;src:url(/assets/Inter-Regular-COLGFB3M.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(/assets/Inter-Medium-CDhBSFyE.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(/assets/Inter-Black-BJbWHna9.woff2) format("woff2");font-weight:900;font-style:normal;font-display:swap}.content{max-width:880px;margin:auto}@media screen and (max-width:900px){.content{max-width:880px;margin:auto}}@media screen and (max-width:600px){.content{max-width:282px;margin:auto}}.page{background:#000;min-height:100vh}.header{max-width:880px;max-height:73px;margin:auto;padding-top:45px}.header__top{display:flex;justify-content:space-between;align-items:start}.header__actions{display:flex;gap:56px;margin-left:min(477px,10%)}.header__logo{max-width:173px;max-height:33px}.header__user{display:flex;align-items:center;gap:8px}.header__email{color:#fff;font-family:Inter;font-weight:500;font-size:18px;line-height:22px}.header__logout{font-family:Inter;font-weight:400;font-size:18px;color:#a9a9a9;border:none;background:transparent;cursor:pointer}.header__line{opacity:75%;border:1px solid #545454;color:#545454;margin-top:40px}.header__link{color:#fff;text-decoration:none;font-family:Inter;font-size:14px;font-weight:400}.header__link:hover{opacity:60%}@media screen and (max-width:900px){.header__line{width:99%}}@media screen and (max-width:680px){.header__logo{max-width:126px;max-height:24px;margin-bottom:32px}.header__line{width:99%;margin:auto}}@media screen and (max-width:530px){.header{padding-top:28px}.header__top{flex-direction:column;align-items:center;gap:8px}.header__actions{flex-direction:column;gap:8px;margin-left:0}.header__logo{margin:0}}.profile{max-width:880px;height:120px;padding-top:40px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.profile__overlay{position:relative;display:inline-block;width:120px;height:120px}.profile__image{width:120px;height:120px;border-radius:50%;display:block;transition:filter .3s ease;cursor:pointer}.profile__image-edit{width:26px;height:26px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;transition:opacity .3s ease;pointer-events:none}.profile__image:hover{opacity:50%}.profile__image:hover+.profile__image-edit{opacity:1}.profile__info{max-width:417px;margin:22px 0 21px 30px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;column-gap:17px}.profile__title{max-width:374.1px;margin:0;font-family:Inter;font-size:42px;font-weight:500;text-align:left;text-underline-position:from-font;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;color:#fff;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.profile__subtitle{margin:0;padding-top:16px;font-family:Inter;font-size:18px;font-weight:400;text-align:left;text-underline-position:from-font;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;color:#fff;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media screen and (max-width:900px){.profile{margin:auto;width:100%}.profile__info{width:417px}}@media screen and (max-width:740px){.profile{max-width:282px;height:286px;padding-top:42px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.profile__info{max-width:224px;min-width:40px;padding:30px 0 36px;margin:0;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;column-gap:10px}.profile__title{max-width:196px;font-size:22px}.profile__subtitle{max-width:282px;margin:0;padding-top:0;font-size:14px}}.button{width:358px;height:50.15px;border-radius:2px 0 0;font-family:Inter;font-size:18px;font-weight:400;line-height:21.78px;text-align:center;text-underline-position:from-font;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;background-color:#000;color:#fff;cursor:pointer}.button:hover{opacity:80%}.button:disabled{color:#b8b8b8;background:#ededed;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.button__profile-open{width:24px;height:24px;background-color:#000;color:#fff;border:1px solid #ffffff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:center;margin-top:15px;cursor:pointer}.button__profile-open:hover{opacity:60%}.button__profile-edit{width:10px;height:10px}.button__profile-add{width:150px;height:50px;padding:0;margin:0 0 0 165px;background:#000;color:#fff;border:2px solid #ffffff;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:center}.button__profile-add:hover{opacity:60%}.button__profile-card{width:22px;height:22px}.button__remove-card{border:none;width:18px;height:19.3px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAUCAYAAACAl21KAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAC4SURBVHgBrZQNEcIwDEa/cAhAwiQgAQlIwAGWkDAHVMIkxMGGgpJw7dH1st013btbL2uTt6z7ATaIMd7lmOOa21b+ORUNxpoWXaq5p+RynUhETLLwTkU9BBXNxpVb+XU0SPBAHyPpKLIr/F0tskcTkugV/YzqOGUr/HApYvhZStFhHR0mmuBndWs9sA6Uz/Q5woG8Q1R3xGiHc1CKPBvOlojRQSn6oB22RAHthBxQObv3KzX4f/XCF51ui58EdOBbAAAAAElFTkSuQmCC) center no-repeat;cursor:pointer;position:absolute;top:19px;left:243px}.button__remove-card:hover{opacity:60%}.button__like{border:none;background:url(https://practicum-content.s3.us-west-1.amazonaws.com/web-code/dom/moved_heart.svg) center no-repeat;width:21px;height:19px;cursor:pointer;position:absolute;top:316px;left:243px;transition:.2s}.button__like:hover{opacity:50%}.button__like_active{background:url(https://practicum-content.s3.us-west-1.amazonaws.com/web-code/dom/moved_heart-filled.svg) center no-repeat;width:21px;height:19px}@media screen and (max-width:920px){.button__profile-add{margin:0 5px 0 auto}}@media screen and (max-width:740px){.button__profile-open{max-width:18px;height:18px;margin:0}.button__profile-edit{width:7.5px;height:7.5px}.button__profile-add{width:282px;height:50px;padding:0;margin:auto}}@media screen and (max-width:680px){.button{width:238px;height:46px;font-size:14px}}@media screen and (max-width:550px){.button{width:200px;height:46px;font-size:14px}.button__profile-add{width:200px;height:46px;padding:0;margin:auto}}.cards{margin-top:50px;padding:0;display:-ms-grid;display:grid;-ms-grid-columns:282px 17px 282px 17px 282px;grid-template-columns:repeat(3,282px);grid-auto-rows:min-content;gap:20px 17px}.card{-webkit-box-sizing:border-box;box-sizing:border-box;background-color:#fff;-webkit-box-shadow:0px 0px 25px 0px #00000026;box-shadow:0 0 25px #00000026;border-radius:10px;width:282px;height:361px;position:relative;cursor:pointer}.card__img{width:282px;height:282px;border-radius:10px 10px 0 0}.card__title{font-family:Inter;font-size:24px;font-weight:900;text-align:left;text-underline-position:from-font;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;color:#000;margin:0;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding:25px 0 31px 21px;max-width:226px}@media screen and (max-width:900px){.cards{margin-top:36px;-ms-grid-row-align:center;-ms-grid-column-align:center;place-self:center;-ms-grid-columns:282px 17px 282px;grid-template-columns:repeat(2,282px);grid-template-rows:auto}}@media screen and (max-width:740px){.cards{margin-top:36px;-ms-grid-row-align:center;-ms-grid-column-align:center;place-self:center;-ms-grid-columns:282px;grid-template-columns:282px;grid-template-rows:auto;gap:20px}}.footer{max-width:880px;margin:auto;padding:67px 0 60px}.footer__text{font-family:Inter;font-size:18px;font-weight:400;text-align:left;text-underline-position:from-font;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;color:#545454}@media screen and (max-width:900px){.footer{max-width:580px;padding:50px 0 36px}.footer__text{font-size:14px}}@media screen and (max-width:680px){.footer{max-width:282px;padding:50px 0 36px}}.popup{position:fixed;width:100%;height:100vh;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background-color:#00000080;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:flex;z-index:9999;visibility:visible;opacity:1}.popup__content{width:430px;height:360px;background-color:#fff;border-radius:10px;-webkit-box-shadow:0px 0px 25px 0px #00000026;box-shadow:0 0 25px #00000026;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;z-index:2;padding:34px 0 0 36px;margin:0}.popup__title{font-family:Inter;font-size:24px;font-weight:900;text-align:left;text-underline-position:from-font;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;color:#000;margin-bottom:0;padding-bottom:40px}.popup__fieldset{border:none;display:flex;flex-direction:column;margin:0;padding:54px 0 36px}.popup__input{border:none;font-family:Inter;max-width:358px;font-size:14px;font-weight:400;text-align:left;text-underline-position:from-font;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;color:#000;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;outline:none}.popup__line-name{margin:13.26px 0 29.74px;border:1px;opacity:20%;background-color:#000}.popup__line-about{margin:13.34px 0 48px;border:1px;opacity:20%;background-color:#000}.popup__img-container{width:816px;height:540px;list-style:none;border-radius:10px;position:fixed;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:2}.popup__content_content_image{width:816px;height:540px;padding:0}.popup__img-src{width:100%;height:100%;border-radius:10px}.popup__img-title{width:291px;height:12px;font-size:12px;text-align:left;text-underline-position:from-font;color:#fff;margin:0;padding-top:10px}.popup__input-error{font-family:Inter;font-size:12px;color:red;width:400px;transition:.3s;padding-top:5px}.popup__input_error_invalid{border-color:red}.popup__input_type_error{border:1px solid red}.popup__close{position:absolute;right:-45px;top:-45px;cursor:pointer;background-color:transparent;border:none}.popup__button-close{width:40px;height:40px}.popup__button-close:hover{opacity:60%}.popup__close-img{position:absolute;right:-20px;top:-20px;cursor:pointer;background-color:transparent;border:none}@media screen and (max-width:920px){.popup__img-container{width:430px;height:360px}.popup__content_content_image{width:430px;height:360px;padding:0}.popup__img-src{width:433px;height:360px}.popup__img-title{font-size:12px}}@media screen and (max-width:680px){.popup__content{width:282px;height:322px;padding:34px 0 0 36px}.popup__title{font-size:18px;margin:0}.popup__input{max-width:238px}.popup__line-name{width:238px;margin:9px 0 30px}.popup__line-about{width:238px;margin:9px 0 46px}.popup__input-error{width:250px}.popup__img-container{width:282px;height:322px}.popup__content_content_image{width:282px;height:322px;padding:0}.popup__img-src{width:282px;height:322px}.popup__img-title{font-size:12px}}@media screen and (max-width:550px){.popup__content{width:220px;height:299px;max-height:299px;padding:34px 0 0 36px}.popup__title{font-size:18px;margin:0}.popup__input{max-width:220px}.popup__line-name{width:220px;margin:9px 0 30px}.popup__line-about{width:220px;margin:9px 0 46px}.popup__input-error{width:250px}.popup__img-container{width:240px;height:299px}.popup__content_content_image{width:240px;height:299px;padding:0}.popup__img-src{width:240px;height:299px;max-height:299px}.popup__close{right:-30px;top:-30px}.popup__button-close{width:26px;height:26px}}.auth{max-width:358px;margin:60px auto 0}.auth__title{color:#fff;text-align:center;font-size:24px;font-weight:900;margin-bottom:50px;font-family:Inter}.auth__form{display:flex;flex-direction:column}.auth__input{background:transparent;border:none;border-bottom:2px solid #ccc;color:#fff;padding-bottom:10px;margin-bottom:30px;font-size:14px;font-family:Inter;font-weight:500}.auth__input:focus{outline:none}.auth__text{color:#fff;text-align:center;margin-top:15px;font-size:14px;font-family:Inter;line-height:100%}.auth__button{margin-top:180px;height:50px;background:#fff;border:none;border-radius:2px;cursor:pointer;font-size:18px;font-weight:400;font-family:Inter;color:#000}.auth__button:hover{opacity:85%}.auth__link{color:#fff;text-decoration:none}.auth__link:hover{opacity:60%}.popup__content_content_tooltip{width:430px;height:330px;padding:0}.tooltip{width:430px;height:330px;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 0 25px #00000026;background-color:#fff}.tooltip__icon{width:120px;height:120px}.tooltip__message{width:358px;height:58px;text-align:center;font-family:Inter;font-size:24px;font-weight:900;line-height:100%;color:#000}@media screen and (max-width:680px){.popup__content_content_tooltip,.tooltip{width:270px;height:310px}.tooltip__message{width:210px;height:44px}}@media screen and (max-width:550px){.popup__content_content_tooltip,.tooltip{width:240px;height:299px}}