/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.15}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;-webkit-text-decoration:underline dotted;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}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-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}[hidden],template{display:none}
@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:400;src:url(fonts/Inter-Regular.8c206db99195777c6769.woff) format("woff")}@font-face{font-display:swap;font-family:Inter;font-weight:500;src:url(fonts/Inter-Medium.9053572c46aeb4b16caa.woff) format("woff")}@font-face{font-display:swap;font-family:Inter;font-weight:900;src:url(fonts/Inter-Black.c6938660eec019fefd68.woff) format("woff")}
.page{align-items:center;background-color:#000;box-sizing:content-box;color:#fff;display:flex;flex-direction:column;font-family:Inter,Arial,sans-serif;font-size:16px;line-height:20px;max-width:1280px;min-width:320px;padding-left:15%;padding-right:15%}@media screen and (max-width:1280px){.page{padding-left:0;padding-right:0}}@media screen and (max-width:370px){.page__content{min-width:100%}}
.header{border-bottom:1px solid rgba(84,84,84,.7);display:flex;margin-top:45px}@media screen and (max-width:900px){.header{padding-left:25px;padding-right:25px}}
.logo{margin-bottom:41px;max-width:173px}@media screen and (max-width:600px){.logo{margin-bottom:32px;max-width:126px}}
.profile{align-items:center;display:flex;max-width:880px;padding-bottom:50px;padding-top:40px}.profile__avatar{margin-right:30px;min-height:120px;min-width:120px;position:relative}.profile__avatar-image{border-radius:50%;height:120px;-o-object-fit:cover;object-fit:cover;width:120px}.profile__avatar-edit{background-color:#000;background-image:url(images/edit-avatar-icon.a086f758840ae814ecde.svg);background-position:50%;background-repeat:no-repeat;border-color:#000;border-radius:50%;border-width:thin;bottom:0;height:120px;left:0;opacity:0;position:absolute;right:0;top:0;width:120px}.profile__avatar-edit:hover{cursor:pointer;opacity:.8}.profile__info{grid-row-gap:16px;grid-column-gap:18px;display:grid;grid-template-columns:minmax(auto,373px) auto;grid-template-rows:repeat(2,auto)}.profile__info-title{align-self:end;font-size:42px;font-weight:500;line-height:48px;margin-bottom:0;margin-top:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile__info-edit{align-self:center;background-color:transparent;background-image:url(images/edit-icon.8667ac4a523e8fc42e59.svg);background-position:50%;background-repeat:no-repeat;border:1px solid #fff;height:24px;width:24px}.profile__info-edit:hover{cursor:pointer;filter:drop-shadow(0 4px 4px rgba(0,0,0,.25));opacity:.6}.profile__info-subtitle{font-size:18px;font-weight:400;line-height:22px;margin-bottom:0;margin-top:0;max-width:370px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile__add{background-color:transparent;background-image:url(images/add-icon.d86bb2edc2f6eadb96b7.svg);background-position:50%;background-repeat:no-repeat;border:2px solid #fff;border-radius:2px;height:50px;margin-left:auto;width:150px}.profile__add:hover{cursor:pointer;filter:drop-shadow(0 4px 4px rgba(0,0,0,.25));opacity:.6}@media screen and (max-width:900px){.profile__info{margin-bottom:36px}.profile{flex-direction:column;flex-wrap:wrap;justify-content:space-around}.profile__add{margin-left:0;position:relative}}@media screen and (max-width:600px){.profile__info{grid-row-gap:14px;grid-column-gap:10px;grid-template-columns:minmax(auto,196px) auto}.profile__info-title{font-size:22px;line-height:27px}.profile__avatar{margin-bottom:30px;margin-right:0}.profile__info-subtitle{font-size:14px;grid-column:1/3;line-height:17px;max-width:196px;place-self:center}.profile__add{width:282px}.profile__info-edit{height:18px;width:18px}}
.elements{grid-gap:20px 17px;display:grid;grid-template-columns:repeat(3,minmax(auto,282px));justify-content:center}@media screen and (max-width:900px){.elements{grid-template-columns:repeat(2,minmax(auto,282px))}}@media screen and (max-width:735px){.elements{align-content:center;align-items:center;display:flex;flex-direction:column}}
.element{background-color:#fff;border-radius:10px;max-height:361px;padding-bottom:31px;position:relative}.element,.element__image{max-width:282px;min-width:282px}.element__image{border-top-left-radius:10px;border-top-right-radius:10px;display:flex;max-height:282px;min-height:282px;-o-object-fit:cover;object-fit:cover;width:100%}.element__content{align-items:center;display:flex;flex-direction:row;justify-content:space-between;margin-top:25px;width:100%}.element__content-title{color:#000;font-size:24px;font-weight:900;line-height:29px;margin:0;overflow:hidden;padding-left:20px;text-overflow:ellipsis;white-space:nowrap}.element__content-icon{background-color:transparent;background-image:url(images/heart-icon.3826c074a1b94b101e38.svg);background-position:50%;background-repeat:no-repeat;border:none;height:19px;margin:0 18px 0 0;width:21px}.element__content-icon:hover{cursor:pointer;opacity:.5}.active__heart{background-image:url(images/black-heart-icon.226461bd64622361ffb2.svg)}.element__content-number{color:#000;font-size:13px;line-height:16px;margin:0 18px 0 0;text-align:center}.element__delete-icon{background-color:transparent;background-image:url(images/trash-icon.c4956c32989e66228de8.svg);background-position:50%;background-repeat:no-repeat;border:none;height:21px;margin-right:18px;position:absolute;right:15px;top:18px;width:21px}.element__delete-icon:hover{cursor:pointer;opacity:.5}
.footer{color:#545454;font-size:18px;font-weight:400;line-height:22px;margin-bottom:60px;margin-top:67px}.footer__content{margin-bottom:0;margin-top:0}@media screen and (max-width:880px){.footer{padding-left:25px;padding-right:25px}}@media screen and (max-width:600px){.footer{font-size:14px;line-height:17px;padding-left:19px;padding-right:0}}
.popup{align-items:center;background-color:rgba(0,0,0,.5);bottom:0;display:flex;justify-content:center;left:0;opacity:0;pointer-events:none;position:fixed;right:0;top:0;transition:visibility 0s linear .3s,opacity .3s linear;visibility:hidden}.popup__content{background-color:#fff;border-radius:10px;box-sizing:border-box;flex-direction:column;max-width:430px;padding:34px 36px;position:relative}.popup__content_type_delete{max-height:181px;width:430px}.popup__close{background-color:transparent;background-image:url(images/close-icon.910c81e7387e24f6f846.svg);background-position:50%;background-repeat:no-repeat;border:none;height:40px;position:absolute;right:-40px;top:-40px;width:40px}.popup__close:hover{cursor:pointer;filter:drop-shadow(0 4px 4px rgba(0,0,0,.25));opacity:.6}.popup__close_preview{right:-5px;top:-5px}.popup_is-opened{opacity:1;pointer-events:all;transition-delay:0s;visibility:visible}.popup__content_type_preview{background:transparent;display:flex;max-height:75vw;max-width:75vw}.popup__preview-image{max-width:540px;-o-object-fit:contain;object-fit:contain}.popup__preview-caption{font-size:12px;font-weight:400;line-height:15px;margin-bottom:0;margin-top:10px;text-align:left}.popup__content-title{color:#000;font-size:24px;font-weight:900;line-height:29px;margin:0}.popup__avatar-form,.popup__content-form,.popup__create-form{margin-top:36px}.popup__input{background:transparent;border:none;border-bottom:1px solid rgba(84,84,84,.2);color:#000;font-size:14px;font-weight:400;height:45px;line-height:17px;width:100%}.popup__input_type_avatar{width:358px}.popup__button{background-color:#000;border:none;border-radius:2px;color:#fff;font-size:18px;font-weight:400;height:50px;line-height:22px;margin-top:48px;text-align:center;width:100%}.popup__button_type_delete{margin-top:38px}.popup__button:hover{cursor:pointer;filter:drop-shadow(0 4px 4px rgba(0,0,0,.25));opacity:.8}.popup__button_disabled{opacity:20%;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.popup__error{color:red;font-size:12px;left:0;line-height:12px;opacity:0;transition:.3s}.popup__error_visible{opacity:1}.popup__input_type_error{border-bottom-color:red}@media screen and (max-width:600px){.popup__close{height:26px;right:0;top:-40px;width:26px}.popup__content{max-width:282px;padding:25px 22px}.popup__content-title{font-size:18px;line-height:22px}.popup__content-form{margin-top:76px}.popup__button{font-size:14px;height:46px;line-height:17px;margin-top:46px}.popup__close_preview{height:30px;right:-10px;top:-10px;width:30px}}


/*# sourceMappingURL=main.css.map*/