.card{list-style-type:none;position:relative;max-width:282px;height:361px;background-color:#fff;border-radius:10px}.card__image{width:282px;height:282px;cursor:pointer;border-top-left-radius:10px;border-top-right-radius:10px;object-fit:cover}ul{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;max-width:100%;justify-content:center;gap:40px}.cards__list{margin:25px 15px 31px 21px}.card__description{display:flex;align-items:center;justify-content:space-between;margin:0 10px}.card__title{font-family:Inter;font-weight:900;font-size:24px;line-height:100%;color:#000;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;max-width:220px}.card__like-button{background:transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAATCAMAAABIkLa5AAAAM1BMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACjBUbJAAAAEHRSTlMA798gzxCgML9fgJBgQI9wvno6LQAAAIBJREFUGNNl0EsOBCEIRdEHIv672f9qO7QmlUJGNwfiQADpw8aa/kWnUIhGV6aCtosLkFiynwlNq6cylBN8spivnalDFNis+dRg2EScaaDvpZ1Qa0SnZfG4+6Nq7YXNBhC5me4QKjciP7xMgMiFJCNwQP8jTgcDL98gsjleXB/8AZ3eA65s49FoAAAAAElFTkSuQmCC) center no-repeat;width:21px;height:19px;border:none;background-size:21px 19px;cursor:pointer;transition:.3s}.card__like-button :hover{opacity:.5;transform:scale(1.3)}.card__like-button-active{opacity:1;background:transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAATBAMAAACNYFu4AAAALVBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADBoCg+AAAADnRSTlMAIN/P76AQv48wYIBfQFIPf/gAAAB9SURBVAjXY2CQ0FMVYJDwAxIMnH7v3nnyAAlNBgahd+/ePVkHIhIY4t7BwAYGOzhbgeEdHDxg8IOzHRjq4OwChntw9gIGVhjzBQMD3NAAIJsZwnzKAARsEBsMGEAgGcR8nMAAlzBjgAAhsDAEMOq9UwRSUIlHAnA2YyGYAgAQTHCAjolqEgAAAABJRU5ErkJggg==) center no-repeat}.card__delete-button{background:transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAUCAMAAAC3SZ14AAAANlBMVEUAAAD////////////////////////////////////////////////////////////////////xY8b8AAAAEXRSTlMAQIAgML9g37Cg75BQz49wEFU2OSkAAABgSURBVBjTZdA3AoBACETR0c3BwP0vK6w2g798FQPeZheRDV/BOkWrwQKSuBK6p4KwuyIQN0oFTaiqNJiG0sW0K2WmrDSZbEJgin+6oTHBKjzHOni0VR35RW1R5ktX7g8PH1QPbG/DHOgAAAAASUVORK5CYII=) center no-repeat;background-size:18px 19px;width:18px;height:19px;border:none;position:absolute;top:18px;right:15px;cursor:pointer}.card__delete-button:hover{opacity:.6}@media screen and (max-width:544px){.cards__list{display:flex;align-items:center;flex-direction:column}}.footer{font-family:Inter,sans-serif;font-weight:400;font-size:18px;line-height:100%;color:#545454;margin:67px auto 60px;max-width:318px}.header{border-bottom:#545454 solid;margin:45px auto 0;max-width:880px;height:74px}@media screen and (max-width:544px){.header{width:320px;height:56px}}.popup__content{position:relative;max-width:40vw;display:flex}.popup__image{object-fit:contain;max-width:420px;min-width:100%;margin:auto}.popup__close{width:40px;height:40px;background:transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgBAMAAACBVGfHAAAAFVBMVEUAAAD///////////////////////9Iz20EAAAABnRSTlMAoBDPgH8vUuoDAAAAgUlEQVQoz2XSuw2EMBCE4bmrwNHFJ93RAAEFEFACuQXa/ktASCN+wRDYxv782rU0SHyz9J4a/6/tq191Oj41aq1qF6jaz6IDqsmlQXcFoPYIDQ9AAW4CTAwgBhADiAEEQEdOiUVz2zhYHj0ul9ePAGUII8iZhuWRqEhlJlv/+3M4ADCAOoKHup3KAAAAAElFTkSuQmCC) center no-repeat;border:none;position:absolute;top:-36px;right:-36px;padding:0;margin:0;cursor:pointer}.popup__close:hover{opacity:.8}.popup__image-title{font-family:Inter;font-weight:400;font-size:12px;line-height:100%;color:#fff;position:absolute;bottom:-30px;left:1px}.page{font-family:Inter;max-width:1280px;width:100%;margin:0 auto;background-color:#000;color:#fff}.popup{width:100vw;height:100vh;background-color:#00000080;position:fixed;inset:0;display:flex;justify-content:center;align-items:center}.popup__container{max-width:420px;height:330px;background-color:#fff;box-shadow:0 0 25px #00000026;border-radius:10px;position:relative}.popup__container-avatar{width:430px;height:272px;background-color:#fff;box-shadow:0 0 25px #00000026;border-radius:10px;position:relative}.popup__container-confirmation{width:430px;height:181px;background-color:#fff;box-shadow:0 0 25px #00000026;border-radius:10px;position:relative}.popup__title{font-family:Inter;color:#000;font-weight:900;font-size:24px;line-height:100%;margin:34px 36px 54px}.popup__title-confirmation{font-family:Inter;font-weight:900;font-size:24px;line-height:100%;margin:34px 0 38px 36px}.popup__title-avatar{font-family:Inter;font-weight:900;font-size:24px;line-height:100%;margin:0;padding:34px 64px 54px 36px}.popup__profile-input,.popup__elements-input,.popup__avatar-input{max-width:358px;width:100%;font-family:Inter;font-weight:400;font-size:14px;line-height:100%;color:#000;padding:0 0 13px;border:none;border-bottom:1px solid rgb(0,0,0,.2);margin:0 36px 29px;position:relative}.popup__profile-input::placeholder{font-family:Inter;font-weight:400;font-size:14px;line-height:100%;color:#000}.popup__button-submit{width:358px;height:50px;border:none;border-radius:2px;margin:19px 36px 36px;background:#000;font-family:Inter;font-weight:400;font-size:18px;line-height:100%;color:#fff;text-align:center;cursor:pointer;position:relative}.popup__button-confirm{width:358px;height:50px;border:none;border-radius:2px;margin:0 36px 38px;background:#000;font-family:Inter;font-weight:400;font-size:18px;line-height:100%;color:#fff;text-align:center;cursor:pointer;position:relative}.popup__button-close{width:40px;height:40px;background:transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgBAMAAACBVGfHAAAAFVBMVEUAAAD///////////////////////9Iz20EAAAABnRSTlMAoBDPgH8vUuoDAAAAgUlEQVQoz2XSuw2EMBCE4bmrwNHFJ93RAAEFEFACuQXa/ktASCN+wRDYxv782rU0SHyz9J4a/6/tq191Oj41aq1qF6jaz6IDqsmlQXcFoPYIDQ9AAW4CTAwgBhADiAEEQEdOiUVz2zhYHj0ul9ePAGUII8iZhuWRqEhlJlv/+3M4ADCAOoKHup3KAAAAAElFTkSuQmCC) center no-repeat;border:none;position:absolute;top:-33px;right:-36px;padding:0;margin:0;cursor:pointer}.popup__button-close:hover,.popup__button:hover{opacity:.8}.popup__fieldset{padding:0;border:none}.form-popup__elements-input::placeholder{font-family:Inter;font-weight:400;font-size:14px;line-height:100%}.popup_open{display:flex}.popup__input_type_error{border-bottom:1px solid #ff0000}.popup__input-error-message{display:none}.popup__error_visible{display:block;width:358px;color:red;font-family:Inter;font-weight:400;font-size:12px;line-height:100%}#name-error{position:absolute;top:145px;right:34px}#detail-error{position:absolute;bottom:100px;right:34px}#title-error{position:absolute;top:146px;right:34px}#image-error{position:absolute;bottom:110px;right:34px}.popup__button_disabled{background-color:#fff;color:#c7c7c7;border:solid 1px rgb(199,199,199);cursor:auto}@media screen and (max-width:544px){.popup__profile-edit{width:282px;height:322px}.popup__title{font-size:18px}.popup__profile-input{width:238px;margin:0 22px 30px}.popup__button-submit{width:238px;height:50px;font-size:14px;margin:17px 22px 25px}}.profile{display:flex;margin:40px auto 0;max-width:880px}.profile__image-container{position:relative;cursor:pointer}.profile__image{width:120px;height:120px;border-radius:50%}.profile__image-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;transition:opacity .3s ease}.profile__image-container:hover .profile__image-icon{opacity:1}.profile__image-container:hover .profile__image{opacity:.6}.profile__info{max-width:415px;margin-left:30px;display:flex;flex-direction:column}.profile__name-button{display:flex}.profile__name{font-family:Inter;font-weight:500;font-size:42px;line-height:48px;margin-bottom:16px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;max-width:300px}.profile__job{font-family:Inter;font-weight:400;font-size:18px;line-height:24px;margin:0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;max-width:300px}.profile__edit-button{width:24px;height:24px;background:transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYBAMAAAASWSDLAAAAG1BMVEUAAAD////////////////////////////////rTT7CAAAACHRSTlMAEM+/gHAwIP+QNZsAAABCSURBVBjTY+hAAgwNDHDAQTWOcAKCw6hhgOAINQmAORAJRYgeqASEA5WAcCASCI6HIsIe1hIBBIc5gIpeQHBQggoA6AwdAh/TcpwAAAAASUVORK5CYII=) center no-repeat;border:1px solid #fff;margin:18px 18px 0;align-self:center;cursor:pointer}.profile__add-image-button{background:transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJYAAAAyBAMAAABMoj8pAAAAFVBMVEUAAAD///////////////////////9Iz20EAAAABnRSTlMAQO/fcF/qd0koAAAAYElEQVRIx2MISqMWMGUwo5pZSQxpDNQCaaNmjZo1ahYdzGJMExg1a9SsQW+WIBCIpDmCKIrNSkOAQWUWkh8HVdiPmjVqFg6zBmWdNmrWqFmjZuE2Sy2NWiCZIZhqZqkCAF9IrslUkVJCAAAAAElFTkSuQmCC) center no-repeat;border:1px solid #fff;width:150px;height:50px;margin:13px 0 14px auto;align-self:center;cursor:pointer}.profile__edit-button:hover,.profile__add-image-button:hover{opacity:.6}@media screen and (max-width:544px){.profile{flex-direction:column;align-items:center}.profile__name{font-size:22px}.profile__job{font-size:14px;text-align:center}.profile__edit-button{width:18px;height:18px;margin:0 0 0 10px}.profile__add-image-button{margin:36px auto}}body{background-color:#000}