@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{max-width:880px;width:100%;max-height:100%;margin:45px auto 40px;padding:0}.header__image{width:173px;height:33px;opacity:1px;margin-bottom:41px}.header__email{position:absolute;right:40px;top:50%;transform:translateY(-50%);font-size:16px;font-weight:400;cursor:pointer}@media screen and (max-width: 879px){.header__image{width:126px;margin-left:27px}}.profile__avatar{width:120px;height:120px;position:relative;margin-right:30px}.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%}.profile__avatar-edit:hover{opacity:1;cursor:pointer}.profile{display:flex;justify-content:center;align-items:center;max-width:880px;width:100%;margin:auto}.profile__avatar-img{width:120px;height:120px;border-radius:50%;position:relative;object-fit:cover}.profile__user{font-size:36px}.profile__description{font-size:18px;margin-top:0}.profile__info{display:flex;gap:18px;max-width:415px;width:100%;justify-content:center;align-items:center}.profile__information{display:flex;flex-direction:column;max-width:415px;width:100%}.profile__edition{position:relative;top:-5px;background-color:#000;margin-left:px;padding:0;cursor:pointer;width:100%;max-width:24px;height:24px;margin-top:-10px;border-color:#fff}.profile__edition :hover{opacity:.7}.profile__post{background:none;cursor:pointer;margin:auto 0 auto auto;height:100%;max-width:150px;width:100%;max-height:150px;border:1px solid #ffffff;padding:8px 0}.profile__post:hover{opacity:.7}@media screen and (max-width: 879px){.profile{flex-direction:column;position:relative}.profile__post{max-width:initial;width:282px;margin:0}.profile__information{width:282px}.profile__user{font-size:22px;text-align:center}.profile__description{font-size:14px;text-align:center}.profile__image{margin:0}.profile__edition{position:absolute;margin-left:235px;top:calc(50% + 22px)}}.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}.card__button{background-size:cover;background-position:center;background-repeat:no-repeat;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-color:#fff;height:19px;width:21px;flex-shrink:0;display:flex;justify-content:center;border:none}.card__button:hover{opacity:.7}.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{color:#545454;height:18px;opacity:1;display:flex;max-width:880px;align-items:center;margin:67px auto 60px}footer__copyright{font-family:Inter,arial,sans-serif;font-size:14px;font-weight:400;line-height:16px}::backdrop{background-color:#000;opacity:.75}.popup__info{display:flex;flex-direction:column;justify-content:center;position:fixed;top:50%;left:50%;width:350px;color:#000;background-color:#fff;border:none;border-radius:5%;position:relative}.popup__tooltip{display:flex;flex-direction:column;justify-content:center;width:430px;height:330px;top:-67px;left:-135px;background:#fff;border-radius:10px}.popup__tooltip-text{font-family:Inter,arial,sans-serif;font-size:24px;font-weight:900;line-height:1.1;color:#000}.popup__tooltip-icon{width:120px;height:120px;margin:0 auto 32px}.popup{display:block;position:fixed;justify-content:center;align-items:center;background-color:#00000080;top:0;width:100%;height:100vh;z-index:99999}.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{max-width:2.5rem;width:100%;height:100%;max-height:2.5rem;border:none;cursor:pointer;background-color:transparent;position:absolute;right:-40px;top:-40px}.popup__close:hover{opacity:.7}.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: 500px){.popup__info{width:250px;height:322px;margin:0}.popup__form{width:250px;height:32px}.popup{padding:46px 0}}@media screen and (max-width: 350px){.popup__close{top:0;right:0}}.login{display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#000;color:#fff;margin:0;box-sizing:border-box}.login__container{width:100%;max-width:400px;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:transparent;padding:20px;box-sizing:border-box}.login__title{text-align:center;color:#fff;font-family:Inter,Arial,sans-serif;font-weight:900;font-size:24px;margin:0 0 40px}.login__input{width:100%;border:none;border-bottom:1px solid #ccc;height:30px;background-color:transparent;margin-bottom:25px;color:#fff;font-size:16px;padding:5px 0}.login__input::placeholder{color:#ccc;opacity:1}.login__button{background-color:#fff;color:#000;width:100%;height:50px;border:1px solid #fff;border-radius:4px;font-family:Inter,Arial,sans-serif;font-weight:600;font-size:18px;cursor:pointer;transition:opacity .2s ease;margin-top:216px}.login__button:hover{opacity:.6}.login__redirect{margin-top:25px;font-family:Inter,Arial,sans-serif;font-weight:400;font-size:14px;text-align:center;color:#ccc}.login__link{color:#fff;text-decoration:underline;transition:opacity .2s ease}.login__link:hover{opacity:.7}.register{display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#000;color:#fff;margin:0;box-sizing:border-box}.register__container{width:100%;max-width:400px;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:transparent;padding:20px;box-sizing:border-box}.register__title{text-align:center;color:#fff;font-family:Inter,Arial,sans-serif;font-weight:900;font-size:24px;margin:0 0 40px}.register__input{width:100%;border:none;border-bottom:1px solid #ccc;height:30px;background-color:transparent;margin-bottom:25px;color:#fff;font-size:16px;padding:5px 0}.register__input::placeholder{color:#ccc;opacity:1}.register__button{background-color:#fff;color:#000;width:100%;height:50px;border:1px solid #fff;border-radius:4px;font-family:Inter,Arial,sans-serif;font-weight:600;font-size:18px;cursor:pointer;transition:opacity .2s ease;margin-top:216px}.register__button:hover{opacity:.6}.register__redirect{margin-top:25px;font-family:Inter,Arial,sans-serif;font-weight:400;font-size:14px;text-align:center;color:#ccc}.register__link{color:#fff;text-decoration:underline;transition:opacity .2s ease}.register__link:hover{opacity:.7}