/*! 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}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;background-color:#000;color:#fff;box-sizing:border-box}.header{max-width:880px;width:100%;margin:0 auto;height:74px;display:flex;align-items:center;justify-content:space-between;padding:0;border-bottom:1px solid #2E2E2E}.header__vector{width:173px;max-height:33px}.header__email{margin:0;font-size:18px;line-height:22px;color:#fff}.header__auth-links{display:flex;align-items:center;gap:24px}.header__link{color:#fff;text-decoration:none;font-size:18px;line-height:22px;transition:opacity .3s ease}.header__link:hover{opacity:.6}.header__logout-button{background:none;border:none;color:#a9a9a9;font-size:18px;line-height:22px;cursor:pointer;padding:0;transition:opacity .3s ease}.header__logout-button:hover{opacity:.6}@media screen and (max-width:920px){.header{padding:0 27px}}@media screen and (max-width:568px){.header{padding:0 15px}}@media screen and (min-width:320px){.header{padding-left:27px}}.element{max-width:880px;display:grid;grid-template-columns:repeat(3,1fr);margin:auto;column-gap:17px;row-gap:20px}.element__card{border-radius:10px;background-color:#fff;overflow:hidden;width:282px}.element__card-image{max-width:282px;max-height:282px;width:100%;height:100%}.element__content{color:#000;padding:25px 15px 25px 21px;display:flex}.element__place{font-family:Inter;font-size:24px;font-weight:900;line-height:29.05px;width:246px}.element__like-button{width:21px;height:19px;cursor:pointer;background-color:transparent}.element__trash{width:18px;height:19.3px;position:absolute;margin-top:18px;margin-left:249px}@media screen and (max-width:820px){.element{grid-template-columns:repeat(2,1fr)}.element__card{justify-self:center}}@media screen and (max-width:550px){.element{grid-template-columns:repeat(1,1fr)}.element__card{margin:auto}}@media screen and (max-width:320px){.element{display:flex;flex-direction:column}}.profile{display:flex;flex-direction:row;max-width:880px;line-height:120px;margin:40px auto;width:100%;align-items:center;overflow:hidden}.profile__image{height:150px;width:150px;border-radius:50%;object-fit:cover;justify-self:flex-end;margin-right:30px}.profile__info{display:flex;align-items:center;font-family:Inter;color:#fff;font-size:42px;font-weight:500;line-height:48px}.profile__info-explorador{display:flex;font-family:Inter;font-size:18px;font-weight:400;height:fit-content;line-height:21.78px;margin-top:16px}.profile__button{width:10px;height:30px;background-color:transparent;display:flex;border:none}.profile__add-button{display:flex;width:150px;background-color:transparent;margin-left:140px}.profile__pencil,.profile__pencil-avatar{z-index:2;opacity:0;transition:opacity .3s ease-in-out;position:absolute}.profile__avatar{position:relative;display:flex;align-items:center;justify-content:center}.profile__overlay{position:absolute;top:0;width:100%;height:100%;background:#000c;border-radius:40%;opacity:0;transition:opacity .3s ease-in-out;pointer-events:none}.profile__avatar:hover .profile__overlay,.profile__avatar:hover .profile__pencil-avatar{opacity:1}.profile__name{display:flex;flex-direction:column;color:#fff}.profile__edit{display:flex;gap:30px}@media screen and (max-width:320px){.profile{width:282px;padding-left:19px;flex-direction:column;text-align:center;font-size:22px;line-height:26.63px}.profile__info{flex-direction:column}.profile__add-button{margin:0}.profile__image{width:120px;margin:auto}}@media screen and (max-width:768px){.profile{padding-left:19px;flex-direction:column;text-align:center}.profile__info{flex-direction:column;justify-content:center;align-items:center}.profile__add-button{margin:0}}.footer{color:#545454;display:flex;width:318px;height:18px;max-width:880px;width:100%;margin:67px auto 60px}::backdrop{background-color:#00000080}.popup{top:0;left:0;background-color:#00000080;position:fixed;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:100}.popup__container{max-width:450px;width:100%;position:relative;max-height:100%;margin:auto;background-color:#fff;border-radius:2%;border-style:none}.popup__title{font-family:Inter;font-size:24px;font-weight:900;line-height:29px;width:200px;height:23px;color:#000;padding-top:34px;padding-left:36px;margin-bottom:60px}.popup__name{display:flex;flex-direction:column;font-size:14px;font-weight:400;line-height:16px;text-align:left;width:358px;height:14px;color:#c4c4c4;margin-left:36px}.popup__line{width:358px;align-items:center;margin-top:14px}.popup__aboutme{display:flex;flex-direction:column;font-size:14px;font-weight:400;line-height:16.94px;width:358px;height:14px;color:#c4c4c4;margin-top:32px;margin-left:36px}.popup__submit{background-color:#000;width:100px;height:10px;border-radius:2%;margin-top:48px;margin-left:36px}.popup__button{background-color:#000;width:230px;height:50px;border-radius:2%;color:#fff;margin-left:10px;margin-bottom:20px}.popup__close{background-color:transparent;position:absolute;border:none;top:-50px;right:-50px}.popup__form{display:flex;flex-direction:column;gap:29px;align-items:center}.popup__input{max-width:376px;width:100%;height:100%;margin:auto;font-family:Inter;font-size:14px;font-weight:400;line-height:16.94px;color:#000;border:0;border-bottom:1px solid black}.popup__window{padding:20px;position:relative;margin:auto;background:none;border:none}.popup__window-image{width:100%;height:100%}.popup__window-text{font-family:Inter;font-size:24px;font-weight:900px;line-height:40px;color:#000;margin-left:36px;margin-top:10px}.popup__close-window{width:40px;height:40px;background-color:transparent;position:absolute;border:none;top:0;right:0}.popup__button_disabled{pointer-events:none;background-color:gray}.input__message-error{padding-left:30px;padding-right:30px;color:red}.popup__tooltip{padding:32px 24px 24px;display:flex;flex-direction:column;align-items:center;text-align:center}.popup__status-icon{width:120px;height:120px;margin-bottom:16px;background-position:center;background-repeat:no-repeat;background-size:contain}.popup__status-icon_success{background-image:url(/images/check.svg)}.popup__status-icon_error{background-image:url(/images/Ex.svg);margin:0 0 16px}.popup__message{font-size:18px;line-height:1.3;color:#000;margin:0 0 20px;max-width:260px}.popup__container--tooltip{width:320px;border-radius:10px}@media screen and (max-width:320px){.popup{width:100%;height:100%}}.auth{max-width:358px;width:100%;margin:60px auto;display:flex;flex-direction:column;align-items:center}.auth__title{margin:0 0 50px;font-weight:900;font-size:24px;line-height:29px;text-align:center;color:#fff}.auth__form{width:100%;display:flex;flex-direction:column;gap:30px}.auth__input{width:100%;height:27px;background-color:transparent;border:none;border-bottom:2px solid #CCCCCC;font-size:14px;line-height:17px;color:#fff;padding:0 0 13px}.auth__input::placeholder{color:#ccc}.auth__submit{margin-top:216px;height:50px;background:#fff;border-radius:2px;font-size:18px;line-height:22px;text-align:center;color:#000;border:none;cursor:pointer;transition:opacity .3s ease}.auth__submit:hover{opacity:.85}.auth__login,.auth__signin{margin-top:15px;text-align:center;color:#fff;font-size:14px}.auth__signin-link,.auth__login-link{color:#fff;text-decoration:none;margin-left:5px}.auth__signin-link:hover,.auth__login-link:hover{opacity:.6}@media screen and (max-width:568px){.auth{max-width:260px;margin:40px auto}.auth__title{font-size:20px;line-height:24px;margin-bottom:40px}.auth__submit{font-size:16px;line-height:19px;margin-top:173px}.auth__signin{margin-top:20px}.auth__signin-text,.auth__signin-link{font-size:12px;line-height:15px}}