@font-face{font-weight:400;font-family:inter;src:url(/assets/Inter-Regular-B0QUfDW0.woff2)}@font-face{font-weight:900;font-family:inter;src:url(/assets/Inter-Black-COIgjx2i.woff2)}body{background-color:#000;color:#fff;font-family:inter;margin:0;padding:0}.page{margin:auto;font-size:16px;line-height:20px;color:#fff;max-width:1600px;width:100%;display:block}.header{box-sizing:border-box;max-width:880px;width:100%;margin:45px auto 0;padding:0 0 40px;border-bottom:1px solid #545454;display:flex;justify-content:space-between;align-items:center}.header__logo{width:173px;height:33px;flex-shrink:0}.header__user-info{display:flex;align-items:center;gap:24px}.header__email{font-family:Inter,Arial,sans-serif;font-size:18px;font-weight:400;line-height:22px;color:#fff}.header__logout-btn,.header__link{font-family:Inter,Arial,sans-serif;font-size:18px;font-weight:400;line-height:22px;background:none;border:none;padding:0;cursor:pointer;text-decoration:none;white-space:nowrap;transition:opacity .2s ease}.header__link{color:#fff}.header__logout-btn{color:#a9a9a9}.header__logout-btn:hover,.header__link:hover{opacity:.6}@media screen and (max-width: 879px){.header{max-width:none;margin:28px 0 0;padding:0 27px 31px}.header__logo{width:126px;height:24px}.header__email,.header__logout-btn,.header__link{font-size:14px;line-height:17px}.header__user-info{gap:16px}}.profile{box-sizing:border-box;display:flex;align-items:center;max-width:880px;width:100%;margin:40px auto 0}.profile__avatar{width:120px;height:120px;position:relative;margin-right:30px;flex-shrink:0}.profile__avatar-img{width:120px;height:120px;border-radius:50%;object-fit:cover;display:block}.profile__avatar-edit{position:absolute;top:0;left:0;padding:0;border:0;width:100%;height:100%;background:#000c url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABBSURBVHgB1cpBDQAgDEPRSUACEpCGA3A2CUgqXdgVtitNfnp5Io8BKExZi9DCmWaQffkCORwZ1Fll84ocqmEJtgEKMZN8lvdMKgAAAABJRU5ErkJggg==) no-repeat center;background-size:26px;opacity:0;outline:none;border-radius:50%;transition:opacity .2s ease}.profile__avatar-edit:hover{opacity:1;cursor:pointer}.profile__information{display:flex;flex-direction:column;min-width:0}.profile__name-row{display:flex;align-items:center;gap:18px;min-width:0}.profile__user{font-family:Inter,Arial,sans-serif;font-size:42px;font-weight:500;line-height:48px;color:#fff;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile__description{font-family:Inter,Arial,sans-serif;font-size:18px;font-weight:400;line-height:22px;color:#fff;margin:12px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile__edition{box-sizing:border-box;width:24px;height:24px;flex-shrink:0;padding:0;background-color:transparent;border:1px solid #fff;border-radius:2px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:opacity .2s ease}.profile__edition:hover{opacity:.6}.profile__edition-icon{width:10px;height:10px;display:block}.profile__post{box-sizing:border-box;width:150px;height:50px;flex-shrink:0;margin-left:auto;padding:0;background-color:transparent;border:2px solid #fff;border-radius:2px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:opacity .2s ease}.profile__post:hover{opacity:.6}.profile__post-icon{width:22px;height:22px;display:block}@media screen and (max-width: 879px){.profile{flex-direction:column;align-items:center;max-width:282px;margin:42px auto 0}.profile__avatar{margin:0 0 30px}.profile__information{width:100%;align-items:center}.profile__name-row{position:relative;width:100%;justify-content:center;gap:0;padding:0 33px;box-sizing:border-box}.profile__user{font-size:22px;line-height:27px;text-align:center}.profile__edition{position:absolute;right:0;top:50%;transform:translateY(-50%);width:18px;height:18px}.profile__edition-icon{width:8px;height:8px}.profile__description{font-size:14px;line-height:17px;margin-top:14px;text-align:center;max-width:100%}.profile__post{width:100%;margin:36px 0 0}}.start{display:flex;flex-direction:column;justify-content:center;align-items:center;max-width:880px;width:100%;margin:auto}.gallery{margin:50px auto 0;width:100%;max-width:880px;justify-items:center;align-items:center;opacity:0px;list-style:none;padding:0}.card{position:relative;background-color:#fff;color:#000;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;max-width:282px;width:100%;height:361px;border-radius:10px;opacity:0px}.card__info{font-size:24px;font-weight:900;text-align:left;margin-left:15px;margin-right:15px;display:flex;justify-content:space-between;align-items:center}.card__title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.card__image{width:100%;height:282px;object-fit:cover;display:block;cursor:pointer}.card__button{background-image:url("data:image/svg+xml,%3csvg%20width='21'%20height='19'%20viewBox='0%200%2021%2019'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M19.3764%209.78586C21.5412%207.54338%2021.5412%203.90213%2019.3764%201.68186C17.2115%20-0.560619%2013.6964%20-0.560619%2011.5315%201.68186L10.4812%202.792L9.43098%201.70406C7.26614%20-0.560619%203.75096%20-0.560619%201.60755%201.68186C0.557285%202.76979%200%204.21297%200%205.74496C0%207.27695%200.578719%208.72013%201.60755%209.80806L10.4812%2019L19.3764%209.78586ZM1.37178%205.74496C1.37178%204.59042%201.80046%203.52469%202.59352%202.72539C3.40801%201.88168%204.45828%201.45983%205.50855%201.45983C6.55882%201.45983%207.60909%201.88168%208.42358%202.72539L10.4812%204.83465L12.5389%202.70318C14.1465%201.03798%2016.7829%201.03798%2018.369%202.70318C19.1406%203.50248%2019.5907%204.56821%2019.5907%205.72276C19.5907%206.8773%2019.162%207.94303%2018.369%208.74233L10.4812%2016.9351L2.59352%208.76453C1.82189%207.94303%201.37178%206.8773%201.37178%205.74496Z'%20fill='black'/%3e%3c/svg%3e");background-size:contain;background-position:center;background-repeat:no-repeat;background-color:transparent;height:19px;width:21px;flex-shrink:0;padding:0;border:none;cursor:pointer;transition:opacity .2s ease}.card__button:hover{opacity:.5}.card__black{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAATCAYAAAB/TkaLAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACnSURBVHgBrZQBDYAgEEW/JjCCEYxgE41iA22gTYyADS6CNlBwx2ROFOHe9qeDvwdjDOCi1Ol1SGfn78jjeOitHz1UTumelecNzUuPnN65AnmKrrj96NheAd76LpjOSJWwlDL+ESXX2SDLZqQLZDl9NWTPtLX2SUg43LedKp7gIfZ6eYWGIkKsEMAfseJ+ECHiX0JLCf9DEyV8ExMe3s4UsYjQFc8IFB6xgsp/buxJeAAAAABJRU5ErkJggg==)}.card__trash{background-image:url("data:image/svg+xml,%3csvg%20width='18'%20height='20'%20viewBox='0%200%2018%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M2.45787%2018.1422C2.51882%2018.8126%203.06735%2019.3002%203.73778%2019.3002H14.2615C14.9319%2019.3002%2015.4804%2018.7923%2015.5414%2018.1422L16.7197%205.79004H1.27954L2.45787%2018.1422Z'%20fill='white'/%3e%3cpath%20d='M16.7201%201.93002H11.5801V1.27991C11.5801%200.568849%2011.0113%200%2010.3002%200H7.72009C7.00903%200%206.44018%200.568849%206.44018%201.27991V1.93002H1.27991C0.568849%201.93002%200%202.49887%200%203.20993C0%203.92099%200.568849%204.48984%201.27991%204.48984H16.7201C17.4312%204.48984%2018%203.92099%2018%203.20993C18%202.49887%2017.4312%201.93002%2016.7201%201.93002Z'%20fill='white'/%3e%3c/svg%3e");height:19px;width:18px;top:15px;right:15px;background-color:transparent;background-size:contain;border:none;cursor:pointer;position:absolute}.card__trash:hover{opacity:.7}.cards{max-width:880px;width:100%;margin:50px auto 67px;justify-items:center;align-items:center;opacity:0px;list-style:none;display:grid;grid-template-columns:repeat(3,1fr);grid-row-gap:20px;grid-column-gap:17px;padding:0}@media screen and (min-width: 581px) and (max-width: 879px){.cards{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width: 580px){.cards{grid-template-columns:1fr}}.input-name-error,.input-hobbie-error,.add-title-error,.add-image-error{color:#0ff}.form__input_type_error{color:red;margin-bottom:5px;font-family:Inter;font-weight:400;line-height:19px;height:16px;width:358px}.footer{box-sizing:border-box;max-width:880px;width:100%;margin:67px auto 60px;font-family:Inter,Arial,sans-serif;font-size:18px;font-weight:400;line-height:22px;color:#545454}@media screen and (max-width: 879px){.footer{margin:48px 0 36px;padding:0 19px;font-size:14px;line-height:17px}}::backdrop{background-color:#000;opacity:.75}.popup{position:fixed;inset:0;display:flex;justify-content:center;align-items:center;padding:20px;box-sizing:border-box;background-color:#00000080;z-index:99999}.popup__info{position:relative;box-sizing:border-box;width:100%;max-width:430px;display:flex;flex-direction:column;color:#000;background-color:#fff;border:none;border-radius:10px;box-shadow:0 0 25px #00000026}.popup__info_type_image{background-color:transparent;box-shadow:none;border-radius:0;width:auto;max-width:75vw}.popup__image{margin:0;display:flex;flex-direction:column}.popup__photo{display:block;max-width:75vw;max-height:75vh;width:auto;height:auto;object-fit:contain}.popup__caption{font-family:Inter,Arial,sans-serif;font-size:12px;line-height:15px;color:#fff;margin-top:10px}.popup__tooltip{box-sizing:border-box;width:100%;min-height:330px;display:flex;flex-direction:column;align-items:center;padding:60px 36px 0}.popup__tooltip-icon{width:120px;height:120px;margin:0 0 32px;display:block}.popup__tooltip-text{font-family:Inter,arial,sans-serif;font-size:24px;font-weight:900;line-height:29px;text-align:center;color:#000;margin:0;max-width:358px}.popup__title{font-size:29px;margin-top:30px}.popup__form{display:flex;align-items:center;background-color:#fff;flex-direction:column;position:relative;border-radius:8px}.popup_opened{display:block;position:fixed;top:0;background-color:#0009;height:100%;width:100%}.popup__close{position:absolute;top:-40px;right:-40px;width:40px;height:40px;padding:0;border:none;cursor:pointer;background-color:transparent;transition:opacity .2s ease}.popup__close img{display:block;width:100%;height:100%;object-fit:contain}.popup__close:hover{opacity:.6}.popup__button{cursor:pointer;color:#fff;background-color:#000;max-width:100%;margin-bottom:32px;border-radius:6px;box-sizing:border-box;height:45px;font-style:normal;font-weight:400;font-size:20px;line-height:30px;padding-left:20px}.popup__button:hover{opacity:.7}.popup__input{max-width:100%;margin-top:8px;margin-bottom:32px;border-radius:4px;border:none;border-bottom:1px solid black;height:45px;font-style:normal;font-weight:400;font-size:20px;line-height:30px;padding-left:20px;padding-top:15px}.popup__input:valid{border-bottom:1px solid blue}.popup__input:invalid{border-bottom:1px solid red}.dialog2{display:flex}.popup-image{position:relative;background-color:transparent;border:none;outline:none;height:100%;width:100%;overflow:hidden;justify-content:center;align-items:center}.popup__photo{border-radius:23px;object-fit:cover;width:100%;max-width:75vw;max-height:75vh}.popup-image[open]{display:flex}.popup-image__close{top:-33px;right:-33px;border:50px;width:40px;height:40px;z-index:400;position:absolute;cursor:pointer;background-color:transparent}.popup-image__title{color:#fff}.popup__error{color:red;font-size:15px;margin-top:-42px;margin-left:14px}.popup__button_disabled{pointer-events:none;opacity:.5}@media screen and (max-width: 580px){.popup{padding:20px}.popup__info{max-width:280px}.popup__close{top:-38px;right:-8px;left:auto;transform:none;width:30px;height:30px}.popup__tooltip{min-height:308px;padding:50px 18px 0}.popup__tooltip-icon{margin-bottom:40px}.popup__tooltip-text{font-size:18px;line-height:24px;max-width:244px}}.login{display:flex;flex-direction:column;align-items:center;color:#fff;padding:60px 20px 0;box-sizing:border-box}.login__container{width:100%;max-width:358px;display:flex;flex-direction:column;background-color:transparent;box-sizing:border-box}.login__title{text-align:center;color:#fff;font-family:Inter,Arial,sans-serif;font-weight:900;font-size:24px;line-height:29px;margin:0 0 50px}.login__input{width:100%;border:none;border-bottom:1px solid #ccc;background-color:transparent;color:#fff;font-family:Inter,Arial,sans-serif;font-size:14px;line-height:17px;padding:0 0 9px;margin-bottom:30px;box-sizing:border-box}.login__input:focus{outline:none;border-bottom-color:#fff}.login__input::placeholder{color:#ccc;opacity:1}.login__button{background-color:#fff;color:#000;width:100%;height:50px;border:none;border-radius:2px;font-family:Inter,Arial,sans-serif;font-weight:400;font-size:18px;line-height:22px;cursor:pointer;transition:opacity .2s ease;margin-top:186px}.login__button:hover{opacity:.85}.login__button:disabled{opacity:.5;cursor:default}.login__redirect{font-family:Inter,Arial,sans-serif;font-weight:400;font-size:14px;line-height:17px;text-align:center;color:#fff;margin:15px 0 0}.login__link{color:#fff;text-decoration:none;transition:opacity .2s ease}.login__link:hover{opacity:.7}@media screen and (max-width: 580px){.login{padding:40px 30px 0}.login__container{max-width:260px}.login__title{font-size:20px;line-height:24px;margin-bottom:40px}.login__button{height:46px;font-size:16px;margin-top:143px}.login__redirect{font-size:12px;line-height:15px;margin-top:20px}}.register{display:flex;flex-direction:column;align-items:center;color:#fff;padding:60px 20px 0;box-sizing:border-box}.register__container{width:100%;max-width:358px;display:flex;flex-direction:column;background-color:transparent;box-sizing:border-box}.register__title{text-align:center;color:#fff;font-family:Inter,Arial,sans-serif;font-weight:900;font-size:24px;line-height:29px;margin:0 0 50px}.register__input{width:100%;border:none;border-bottom:1px solid #ccc;background-color:transparent;color:#fff;font-family:Inter,Arial,sans-serif;font-size:14px;line-height:17px;padding:0 0 9px;margin-bottom:30px;box-sizing:border-box}.register__input:focus{outline:none;border-bottom-color:#fff}.register__input::placeholder{color:#ccc;opacity:1}.register__button{background-color:#fff;color:#000;width:100%;height:50px;border:none;border-radius:2px;font-family:Inter,Arial,sans-serif;font-weight:400;font-size:18px;line-height:22px;cursor:pointer;transition:opacity .2s ease;margin-top:186px}.register__button:hover{opacity:.85}.register__button:disabled{opacity:.5;cursor:default}.register__redirect{font-family:Inter,Arial,sans-serif;font-weight:400;font-size:14px;line-height:17px;text-align:center;color:#fff;margin:15px 0 0}.register__link{color:#fff;text-decoration:none;transition:opacity .2s ease}.register__link:hover{opacity:.7}@media screen and (max-width: 580px){.register{padding:40px 30px 0}.register__container{max-width:260px}.register__title{font-size:20px;line-height:24px;margin-bottom:40px}.register__button{height:46px;font-size:16px;margin-top:143px}.register__redirect{font-size:12px;line-height:15px;margin-top:20px}}