/*! 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;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:InterFotmat;font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/Inter_18pt-Black-lPV88BO8.ttf) format("woff2")}.header{max-width:880px;margin:auto;border-bottom:1px solid #545454}.header__image{margin:0;padding:45px 0}.header__user{float:right;margin-top:85px;display:flex;align-items:center;gap:12px}.header__email{color:#fff;font-size:14px}.header__logout{background:none;border:none;color:#a9a9a9;cursor:pointer;font-size:14px;text-decoration:underline}.header__logout:hover{color:#fff}@media screen and (min-width: 320px) and (max-width: 584px){.header__image{max-width:130px}}@media screen and (min-width: 585px) and (max-width: 880px){.header{max-width:700px}}.footer{max-width:880px;margin:60px auto;color:#545454}@media screen and (min-width: 320px) and (max-width: 584px){.footer{max-width:290px}}@media screen and (min-width: 585px) and (max-width: 880px){.footer{max-width:700px}}.main{max-width:880px;margin:auto;padding-top:40px}.main__profile{display:grid;grid-template-columns:120px repeat(3,1fr);grid-template-rows:120px;grid-gap:30px;padding-bottom:50px}.main__content-image{display:inline-block;position:relative;max-width:120px}.main__profile-image{width:100%;height:100%;border-radius:100%}.main__content-paragraph{max-width:450px;display:grid;grid-column:2 / 4;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,1fr);align-items:center;grid-row-gap:10px;line-height:normal}.main__paragraph{max-width:415px}.main__paragraph_name{grid-column:1 / 4;margin:0;font-size:38px;line-height:48px;font-weight:600;padding-top:22px}.main__paragraph_job{grid-column:1 / 5;grid-row:2;margin:0;font-size:18px;padding-bottom:21px}.main__button{border:2px inset;background-color:#0000;color:#fff;padding:0;cursor:pointer}.main__button:hover{opacity:.5}.main__button_editProfile:hover{background:url(../images/Profile_Icon.svg) no-repeat center}.main__button_edit{width:24px;height:24px;align-self:end;margin-bottom:7px}.main__button_add{width:150px;height:50px;align-self:end}@media screen and (min-width: 320px) and (max-width: 584px){.main__profile{max-width:290px;grid-template-columns:1fr;grid-template-rows:120px repeat(2,50px);justify-items:center;margin:auto;grid-row-gap:30px;padding-bottom:30px}.main__content-paragraph{grid-column:1 / 2;grid-row:2;grid-template-rows:repeat(2,20px)}.main__paragraph_name{font-size:22px;padding:0;line-height:normal}.main__paragraph_job{padding:0;font-size:14px}.main__button_edit{width:22px;height:22px;margin:0 0 0 16px;align-self:center}.main__button_add{width:100%;grid-row:3}}@media screen and (min-width: 585px) and (max-width: 880px){.main__profile{max-width:700px;margin:auto;padding-bottom:40px}.main__paragraph_name{font-size:30px;line-height:normal;padding-top:0}.main__paragraph_job{font-size:14px}.main__button_edit{width:22px;height:22px;margin:0 0 0 16px;align-self:center}.main__button_add{width:100%}}body{background-color:#000;font-family:InterVariable,inter}.page{max-width:1280px;margin:auto;background-color:#000;color:#fff;font-family:InterFotmat,inter;font-size:16px;line-height:20px}.cards{display:grid;grid-template-columns:repeat(3,282px);gap:20px;justify-content:center;margin-top:60px}.cards__list{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:0;margin:0;list-style:none}.card{position:relative;width:282px;height:361px;background-color:#1e1e1e;border-radius:10px;overflow:hidden;display:flex;flex-direction:column}.card__image{width:100%;height:70%;object-fit:cover}.card__info{background-color:#fff;color:#000;padding:12px;height:25%;display:flex;justify-content:space-between;align-items:center}.card__title{max-width:230px;height:25px;font-family:Inter-Black,sans-serif;font-size:24px;margin:0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.card__like-button{background:none;border:none;font-size:18px;cursor:pointer}.card__like-button:hover{opacity:.5}.card__trash-button{position:absolute;top:10px;right:10px;background:none;border:none;cursor:pointer;font-size:18px}.card__trash-button:hover{opacity:.5}@media screen and (min-width: 320px) and (max-width: 584px){.cards{grid-template-columns:1fr;gap:16px;padding:0 16px}.card{width:100%;height:auto}.card__image{height:200px}.card__info{height:auto;padding:10px}.card__title{font-size:20px;max-width:85%}.card__like-button img{width:18px;height:18px}.card__like-button{background:none;border:none;font-size:18px;cursor:pointer}.card__like-button:hover{opacity:.5}.card__trash-button{position:absolute;top:10px;right:10px;background:none;border:none;cursor:pointer;font-size:18px}.card__trash-button:hover{opacity:.5}}@media screen and (min-width: 585px) and (max-width: 880px){.cards{grid-template-columns:repeat(2,1fr);gap:20px;padding:0 32px}.card{width:100%;height:auto}.card__image{height:220px}.card__info{height:auto;padding:12px}.card__title{font-size:22px;max-width:85%}.card__like-button img{width:20px;height:20px}.card__like-button{background:none;border:none;font-size:18px;cursor:pointer}.card__like-button:hover{opacity:.5}.card__trash-button{position:absolute;top:10px;right:10px;background:none;border:none;cursor:pointer;font-size:18px}.card__trash-button:hover{opacity:.5}}.popup{display:none;width:890px;height:100%;top:50%;left:50%;transform:translate(-50%,-50%);position:fixed;align-content:center;z-index:1;color:#000;background-color:#000c}.popup_opened{display:block}.popup__container{display:flex;flex-direction:column;max-width:500px;height:550px;position:relative;margin:auto;align-items:flex-end}.popup__button{font-size:18px;color:#fff;cursor:pointer}.popup__button:hover{opacity:.5}.popup__button_close{width:50px;height:50px;font-size:0;border:none;background-color:#0000}.popup__form{margin:0 auto;max-width:430px;background-color:#fff;border-radius:10px}.popup__image{width:300px;height:450px;object-fit:cover;border-radius:8px}.popup__image-modal{width:300px;height:450px}.popup__subtitle{font-family:Inter-Black,sans-serif;font-size:24px;width:330px;margin:0 36px;padding:34px 0 54px}.popup__content{display:flex;flex-direction:column;gap:30px;width:360px;margin:auto;border:0;padding:0}.popup__input{border:none;border-bottom:1px solid #ccc;outline:none;padding:8px 0;font-size:14px;width:100%}.popup__input-error{color:red;font-size:12px;margin-top:2px;font-family:Arial,sans-serif;display:block}.popup__button_save{width:100%;background-color:#000;padding:10px;margin-bottom:40px}.popup__button_disabled{background-color:#f5f5f5;color:#ccc;border:1px solid #ddd;cursor:default;pointer-events:none;font-weight:700;width:100%;padding:10px;font-size:14px;border-radius:4px}#popup-image .popup__container{position:relative;display:flex;flex-direction:column;align-items:center;padding:20px}#close-button-image{position:absolute;top:10px;right:10px;background:none;border:none;cursor:pointer}.popup__caption{margin-top:8px;color:#fff;font-size:14px;text-align:left;width:300px;padding-left:2px;box-sizing:border-box}.tooltip__overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0009;display:flex;justify-content:center;align-items:center;z-index:999}.tooltip{background:#fff;width:90%;max-width:500px;padding:40px 30px;border-radius:10px;position:relative;text-align:center}.tooltip__close{position:absolute;top:15px;right:20px;font-size:22px;cursor:pointer;color:#000;background:none;border:none}.tooltip__image{width:100%;max-width:50px;height:auto;margin:0 auto 20px;display:block}.tooltip__message{font-size:20px;font-weight:700;color:#000;margin-top:10px}@media screen and (min-width: 320px) and (max-width: 585px){.popup__container{max-width:310px;height:400px}.popup__image{width:300px;height:280px}.popup__paragraph-content{width:300px}.popup__form{max-width:300px}.popup__subtitle{width:240px;margin:0 22px}.popup__content,.popup__input{width:240px}}@media screen and (min-width: 585px) and (max-width: 880px){.popup__container{max-width:310px;height:400px}.popup__image{width:300px;height:280px}.popup__form{max-width:400px}.popup__subtitle{width:240px;margin:0 22px}.popup__content,.popup__input{width:240px}}.signin{max-width:358px;margin:80px auto;display:flex;flex-direction:column;align-items:center}.signin__title{font-size:24px;font-weight:900;margin-bottom:50px;text-align:center}.signin__form{width:100%;display:flex;flex-direction:column;gap:30px}.signin__form input{width:100%;padding:0 0 13px;background:transparent;border:none;border-bottom:2px solid rgba(204,204,204,.8);color:#fff;font-size:16px;outline:none}.signin__form input::placeholder{color:#ccc9}.signin__form button{width:100%;height:50px;background-color:#fff;color:#000;border:none;border-radius:2px;font-size:16px;font-weight:500;cursor:pointer;transition:.2s}.signin__form button:hover{opacity:.85}.signin__footer-text{margin-top:20px;font-size:14px;color:#ccc;text-align:center}.signin__footer-text a{color:#fff;text-decoration:none}.signin__footer-text a:hover{opacity:.8}@media screen and (min-width: 320px) and (max-width: 584px){.signin{max-width:280px;margin:60px auto}.signin__title{font-size:20px;margin-bottom:40px}.signin__form input{font-size:14px}.signin__form button{height:45px;font-size:14px}}@media screen and (min-width: 585px) and (max-width: 880px){.signin{max-width:320px;margin-top:70px}.signin__title{font-size:22px}}