@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;900&display=swap);.header{align-items:center;border-bottom:1px solid #545454;box-sizing:border-box;display:flex;justify-content:space-between;margin:0 auto;max-width:880px;min-height:74px;padding:0 36px;width:100%}.header__logo{color:#fff;font-size:18px;font-weight:900;letter-spacing:-.3px;line-height:1.22;margin:0;white-space:nowrap}.header__nav{align-items:center;display:flex;flex-shrink:0;gap:24px}.header__email{font-weight:500}.header__email,.header__link{color:#fff;font-size:18px;line-height:1.22}.header__link{font-weight:400;transition:opacity .3s;white-space:nowrap}.header__link:hover{opacity:.6}.header__link_type_logout{background:none;border:none;color:#a9a9a9;cursor:pointer;font-size:18px;font-weight:400;line-height:1.22;padding:0;transition:opacity .3s;white-space:nowrap}.header__link_type_logout:hover{opacity:.6}@media screen and (max-width:650px){.header{flex-wrap:wrap;gap:12px;min-height:auto;padding:16px 27px}.header__email,.header__link,.header__link_type_logout,.header__logo{font-size:14px}}.card{background-color:#fff;border-radius:10px;overflow:hidden;position:relative}.card__image{cursor:pointer;display:block;height:282px;object-fit:cover;transition:opacity .3s;width:100%}.card__image:hover{opacity:.8}.card__description{align-items:center;display:flex;justify-content:space-between;padding:20px 15px 25px}.card__title{color:#000;font-size:24px;font-weight:900;line-height:1.2;margin:0;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card__like-container{align-items:center;display:flex;flex-direction:column;gap:8px}.card__like-button{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='22' height='19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11 2.93a7.75 7.75 0 0 1 2.372-1.71 7.408 7.408 0 0 1 2.81-.68c.97-.04 1.94.114 2.838.452a6.88 6.88 0 0 1 3.967 3.852 7.005 7.005 0 0 1-.116 5.549 6.954 6.954 0 0 1-1.67 2.277L11 22.5.8 12.67a6.954 6.954 0 0 1-2.302-5.04 7.353 7.353 0 0 1 .494-2.786 6.553 6.553 0 0 1 1.555-2.34A6.907 6.907 0 0 1 2.94.993 7.254 7.254 0 0 1 5.778.54c.97.039 1.924.27 2.81.68.887.41 1.692.992 2.412 1.71Z' fill='%23000'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:contain;cursor:pointer;height:19px;transition:opacity .3s;width:22px}.card__like-button:hover{opacity:.5}.card__like-button_active{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='22' height='19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11 2.93a7.75 7.75 0 0 1 2.372-1.71 7.408 7.408 0 0 1 2.81-.68c.97-.04 1.94.114 2.838.452a6.88 6.88 0 0 1 3.967 3.852 7.005 7.005 0 0 1-.116 5.549 6.954 6.954 0 0 1-1.67 2.277L11 22.5.8 12.67a6.954 6.954 0 0 1-2.302-5.04 7.353 7.353 0 0 1 .494-2.786 6.553 6.553 0 0 1 1.555-2.34A6.907 6.907 0 0 1 2.94.993 7.254 7.254 0 0 1 5.778.54c.97.039 1.924.27 2.81.68.887.41 1.692.992 2.412 1.71Z' fill='%23FF2A00'/%3E%3C/svg%3E")}.card__like-count{color:#000;font-size:13px;font-weight:400}.card__delete-button{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='18' height='19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='M1 1h16v2H1zM1 17h16v2H1z'/%3E%3Cpath fill='%23fff' d='M1 1h2v18H1zM15 1h2v18h-2z'/%3E%3Cpath stroke='%23fff' stroke-width='2' d='m1 1 16 17M17 1 1 18'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:contain;cursor:pointer;height:19px;position:absolute;right:15px;top:18px;transition:opacity .3s;width:18px}.card__delete-button:hover{opacity:.6}.content{margin:0 auto;max-width:880px;padding:0 19px}.profile{align-items:center;display:flex;gap:30px;padding:42px 0 51px}.profile__avatar-container{border-radius:50%;cursor:pointer;flex-shrink:0;height:120px;overflow:hidden;position:relative;width:120px}.profile__avatar{background-color:#333;background-position:50%;background-size:cover;border-radius:50%;height:100%;width:100%}.profile__avatar_empty{background-color:#1a1a1a;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='40' height='36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='20' cy='14' r='8' stroke='%23545454' stroke-width='2'/%3E%3Cpath d='M2 34c0-8.837 8.059-16 18-16s18 7.163 18 16' stroke='%23545454' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E")}.profile__avatar-overlay,.profile__avatar_empty{background-position:50%;background-repeat:no-repeat}.profile__avatar-overlay{background-color:#000c;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='26' height='26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.91 22.05v-5.5M14.16 22.05v-11.5M21.41 22.05V4.55' stroke='%23fff' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");border-radius:50%;height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s;width:100%}.profile__avatar-container:hover .profile__avatar-overlay{opacity:1}.profile__info{flex:1 1;overflow:hidden}.profile__name-container{align-items:center;display:flex;gap:18px;margin-bottom:16px}.profile__name{color:#fff;font-size:42px;font-weight:500;line-height:1.14;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile__name_placeholder{color:#545454}.profile__edit-button{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='%23fff' stroke-width='2' d='M1 1h22v22H1zM7 12h10M12 7v10'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:contain;cursor:pointer;flex-shrink:0;height:24px;transition:opacity .3s;width:24px}.profile__edit-button:hover{opacity:.6}.profile__description{color:#fff;font-size:18px;font-weight:400;line-height:1.22;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile__description_placeholder{color:#545454;font-style:italic}.profile__add-button{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='22' height='22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 1v20M1 11h20' stroke='%23fff' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;border:2px solid #fff;cursor:pointer;flex-shrink:0;height:50px;transition:opacity .3s;width:150px}.profile__add-button:hover{opacity:.6}.cards__list{grid-gap:17px;display:grid;gap:17px;grid-template-columns:repeat(3,1fr);padding-bottom:66px}@media screen and (max-width:780px){.cards__list{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:520px){.profile{flex-wrap:wrap;gap:26px;justify-content:center;padding:42px 0 36px}.profile__info{text-align:center}.profile__name-container{justify-content:center}.profile__name{font-size:27px}.profile__description{font-size:14px}.cards__list{grid-template-columns:1fr}}.footer{margin:0 auto;max-width:880px;padding:66px 19px 60px}.footer__copyright{color:#545454;font-size:18px;font-weight:400;line-height:1.22;margin:0}@media screen and (max-width:520px){.footer{padding:48px 19px 36px}.footer__copyright{font-size:14px}}.auth{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;margin:0 auto;max-width:396px;padding:60px 36px 0;width:100%}.auth__title{color:#fff;font-size:24px;font-weight:900;line-height:1.2;margin:0 0 40px;text-align:center;width:100%}.auth__form{gap:0;width:100%}.auth__field,.auth__form{display:flex;flex-direction:column}.auth__field{margin-bottom:30px}.auth__label{color:#ccc;margin-bottom:10px}.auth__input,.auth__label{font-size:14px;font-weight:400}.auth__input{background:#0000;border:none;border-bottom:2px solid #545454;box-sizing:border-box;color:#fff;line-height:1.5;padding:0 0 11px;transition:border-color .2s;width:100%}.auth__input::placeholder{color:#0000}.auth__input:focus{border-bottom-color:#fff;outline:none}.auth__submit{background-color:#fff;border:none;border-radius:2px;color:#000;cursor:pointer;font-size:18px;font-weight:400;height:50px;line-height:1.22;margin-top:46px;transition:opacity .3s;width:100%}.auth__submit:hover{opacity:.85}.auth__input_type_error{border-bottom-color:#ff4062}.auth__error{color:#ff4062;font-size:12px;line-height:1.2;margin-top:8px;min-height:18px}.auth__submit:disabled{cursor:not-allowed;opacity:.4}.auth__submit:disabled:hover{opacity:.4}.auth__footer{color:#545454;font-size:14px;font-weight:400;line-height:1.21;margin:16px 0 0;text-align:center}.auth__link{color:#2f71e5;transition:opacity .3s}.auth__link:hover{opacity:.7}@media screen and (max-width:520px){.auth{padding:40px 30px 0}.auth__title{font-size:20px;margin-bottom:32px}.auth__submit{font-size:16px;margin-top:36px}}.popup{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;opacity:0;position:fixed;top:0;transition:visibility .3s,opacity .3s;visibility:hidden;width:100%;z-index:10}.popup_opened{opacity:1;visibility:visible}.popup__container{background-color:#fff;border-radius:10px;box-shadow:0 0 25px #00000026;padding:34px 36px 37px;position:relative;width:430px}.popup__close{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='32' height='32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m1 1 30 30M31 1 1 31' stroke='%23fff' stroke-width='2'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:contain;cursor:pointer;height:32px;position:absolute;right:-40px;top:-40px;transition:opacity .3s;width:32px}.popup__close:hover{opacity:.6}.popup__title{color:#000;font-size:24px;font-weight:900;line-height:1.2;margin:0 0 48px}.popup__form{display:flex;flex-direction:column}.popup__input{border:none;border-bottom:1px solid #0003;color:#000;font-size:14px;font-weight:400;line-height:1.21;margin-bottom:30px;padding:0 0 9px;width:100%}.popup__input::placeholder{color:#c4c4c4}.popup__input_type_error{border-bottom-color:#ff4062}.popup__error{color:#ff4062;font-size:12px;font-weight:400;line-height:1.25;margin-bottom:26px;margin-top:-26px;min-height:14px}.popup__save{background-color:#000;border-radius:2px;color:#fff;cursor:pointer;font-size:18px;font-weight:400;height:50px;line-height:1.22;margin-top:18px;transition:opacity .3s;width:100%}.popup__save:hover{opacity:.8}.popup__save:disabled{background-color:#fff;border:1px solid #c4c4c4;color:#c4c4c4;cursor:not-allowed}@media screen and (max-width:520px){.popup__container{padding:25px 22px;width:calc(100vw - 38px)}.popup__close{height:20px;right:0;top:-36px;width:20px}.popup__title{font-size:18px;margin-bottom:75px}.popup__save{font-size:14px}}.tooltip__container{align-items:center;display:flex;flex-direction:column;gap:32px;max-width:430px;padding:60px 36px;text-align:center}.tooltip__icon{background-position:50%;background-repeat:no-repeat;background-size:contain;flex-shrink:0;height:120px;width:120px}.tooltip__icon_success{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='120' height='120' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='60' cy='60' r='58' stroke='%2318DF00' stroke-width='4'/%3E%3Cpath d='m36 60 17 17 31-34' stroke='%2318DF00' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.tooltip__icon_error{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='120' height='120' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='60' cy='60' r='58' stroke='%23FF4062' stroke-width='4'/%3E%3Cpath d='m38 38 44 44M82 38 38 82' stroke='%23FF4062' stroke-width='4' stroke-linecap='round'/%3E%3C/svg%3E")}.tooltip__message{color:#000;font-size:24px;font-weight:900;line-height:1.2;margin:0}@media screen and (max-width:520px){.tooltip__container{gap:24px;padding:50px 18px}.tooltip__icon{height:80px;width:80px}.tooltip__message{font-size:20px}}.popup_type_image .popup__image-container{align-items:flex-start;display:flex;flex-direction:column;max-width:75vw;position:relative}.popup__image{border-radius:10px;display:block;max-height:75vh;max-width:100%;object-fit:contain}.popup__caption{color:#fff;font-size:12px;font-weight:400;line-height:1.25;margin:10px 0 0}@media screen and (max-width:520px){.popup_type_image .popup__image-container{max-width:calc(100vw - 38px)}}.page{background-color:#000;display:flex;flex-direction:column;min-height:100vh}.page>footer{margin-top:auto}*,:after,:before{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#000;color:#fff;font-family:Inter,Arial,sans-serif}body,ol,ul{margin:0;padding:0}ol,ul{list-style:none}a{color:inherit;text-decoration:none}button{background:none;border:none;cursor:pointer;padding:0}input{outline:none}
/*# sourceMappingURL=main.f41edfa5.css.map*/