/*! 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:Inter;src:url(/vendor/fonts/Inter-VariableFont_opsz,wght.ttf)}@font-face{font-family:Inter Italic;src:url(/vendor/fonts/Inter-Italic-VariableFont_opsz,wght.ttf)}body{background-color:#000;font-family:Inter-Regular,sans-serif}.page__content{max-width:1280px;margin:auto;background-color:#000;color:#fff;font-family:Inter-Regular,sans-serif;font-size:16px;line-height:20px}.header{max-width:880px;margin:auto;border-bottom:1px solid #545454}.header__image{margin:0;padding:45px 0}@media screen and (min-width: 320px) and (max-width: 584px){.header__image{max-width:130px}}@media screen and (min-width: 584px) and (max-width: 880px){.header{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;color:#fff}.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(/assets/Profile_Icon-B6_l7qq-.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%}}.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}}.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}@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}}.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}}.auth{max-width:358px;margin:0 auto;padding-top:60px;display:flex;flex-direction:column;align-items:center;color:#fff}.auth__title{font-size:24px;font-weight:900;margin:0 0 50px;text-align:center}.auth__form{width:100%;display:flex;flex-direction:column}.auth__input{height:46px;margin-bottom:30px;padding:0 0 13px;font-size:14px;color:#fff;background-color:transparent;border:none;border-bottom:2px solid rgba(204,204,204,.7);outline:none;transition:border-color .3s ease}.auth__input::placeholder{color:#ccc}.auth__input:focus{border-bottom-color:#fff}.auth__button{height:50px;background-color:#fff;color:#000;font-size:16px;font-weight:600;border:none;border-radius:2px;cursor:pointer;margin-top:20px;transition:opacity .25s ease}.auth__button:hover{opacity:.85}.auth__redirect{margin-top:15px;font-size:14px;color:#fff;text-align:center}.auth__redirect a{color:#fff;text-decoration:none;opacity:.8;transition:opacity .25s ease}.auth__redirect a:hover{opacity:1}@media (max-width: 425px){.auth{padding-top:40px}.auth__title{font-size:20px;margin-bottom:40px}.auth__button{height:46px;font-size:15px}}
