/*! 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.26a30a5f1103393aac70.woff2) format("woff2"),url(fonts/Inter-Regular.e148c4a1158f8cee8285.woff) format("woff")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:500;src:url(fonts/Inter-Medium.d0a58d956cf2f4cf078f.woff2) format("woff2"),url(fonts/Inter-Medium.eec0ea57721daa33c7a2.woff) format("woff")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:900;src:url(fonts/Inter-Black.768169b1912340d378ac.woff2) format("woff2"),url(fonts/Inter-Black.7bb6234314ccc72c942a.woff) format("woff")}
.body{background:#000}
.page{-moz-text-size-adjust:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;color:#fff;font-family:Inter,Arial,Helvetica,sans-serif;margin:0 auto;max-width:880px}
.header{border-bottom:1px solid rgba(84,84,84,.7);display:flex;font-family:Inter,Arial,Helvetica,sans-serif;margin-top:45px;position:relative}@media (max-width:320px){.header{margin:28px 0 42px}}
.logo{margin-bottom:41px}@media (max-width:910px){.logo{margin:0 0 32px 27px}}@media (max-width:320px){.logo{margin:0 0 32px 27px;width:104px}}
.profile{display:flex;font-family:Inter,Arial,Helvetica,sans-serif;margin-top:40px}@media (max-width:910px){.profile{display:block;margin:42px auto;max-width:282px}}
.profile__avatar{border-radius:50%;height:120px;-o-object-fit:cover;object-fit:cover;-o-object-position:50% 50%;object-position:50% 50%;position:absolute;width:120px}
.profile__info{margin-left:30px}@media (max-width:910px){.profile__info{margin:0}}
.profile__name{font-size:42px;font-weight:500;line-height:48px;margin:22px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:910px){.profile__name{font-size:27px;line-height:33px;margin:0;padding-top:26px;text-align:right;width:100%}}
.profile__specialty{font-size:18px;font-weight:400;line-height:22px;margin:16px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:910px){.profile__specialty{font-size:14px;line-height:17px;margin-top:14px;text-align:center}}
.profile__edit-user{display:flex;margin:0;width:350px}@media (max-width:910px){.profile__edit-user{margin:auto;max-width:282px}}
.profile__edit-button{background-color:transparent;border:0;display:flex;margin:37px auto 0}.profile__edit-button:focus{outline:none}.profile__edit-button:hover{cursor:pointer;opacity:.6}@media (max-width:910px){.profile__edit-button{margin:8px 19px 0 10px;padding:26px 0 0}}
.profile__add-button{background-color:#000;background-image:url(images/vector-plus.faab81195141bf296f8b.svg);background-position:50%;background-repeat:no-repeat;background-size:22px;border:2px solid #fff;border-radius:2%;display:flex;margin:35px 0 35px auto;padding:50px 150px 0 0}.profile__add-button:focus{outline:none}.profile__add-button:hover{cursor:pointer;opacity:.6}@media (max-width:910px){.profile__add-button{background-size:16px;margin-top:36px;padding:50px 98% 0 0}}
.profile__edit-img{margin:0;max-height:24px;max-width:24px;padding:0}@media (max-width:910px){.profile__edit-img{height:18px;width:18px}}
.card{grid-row-gap:20px;grid-column-gap:17px;display:grid;font-family:Inter,Arial,Helvetica,sans-serif;grid-template-columns:repeat(auto-fit,minmax(282px,282px));margin:50px auto 66px;max-width:880px;transition:all 1s ease-in-out}@media (max-width:910px){.card{margin-bottom:48px;max-width:282px}}
.card__block-actions{margin:0;padding:22px 20px 22px 0}
.card__quantity-like{color:#000;margin:0;padding-top:3px;text-align:center}
.profile__avatar-edit{height:120px;position:relative;width:120px}.profile__avatar-edit:after{background-image:url(images/Vector.a086f758840ae814ecde.svg);background-position:50%;background-repeat:no-repeat;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;z-index:2}.profile__avatar-edit:hover:after{cursor:pointer;opacity:1}.profile__avatar-edit:before{background:rgba(0,0,0,.6);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0}.profile__avatar-edit:hover:before{opacity:1;z-index:1}@media (max-width:910px){.profile__avatar-edit{margin:auto}}
.card__cards{background-color:#fff;border-radius:10px;margin:0;max-width:282px;overflow:hidden;position:relative;z-index:1}
.card__image{background-position:50%;background-repeat:no-repeat;background-size:50%,contain;border-top-left-radius:10px;border-top-right-radius:10px;box-sizing:border-box;height:282px;min-height:282px;min-width:282px;-o-object-fit:cover;object-fit:cover;transition:all .1s ease-in;width:100%;z-index:1}.card__image:hover{cursor:pointer;opacity:.8;transform:scale(1.1)}
.card__discription{background-color:#fff;display:flex;margin:auto;position:relative;z-index:3}
.card__title{color:#000;font-size:24px;font-weight:900;line-height:29px;margin-left:21px;margin-right:auto;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.card__rectangle-like{background-color:#fff;background-image:url(images/like.dbb9333b71b49073a148.svg);background-repeat:no-repeat;border:0;height:20px;margin:auto 0;width:20px}.card__rectangle-like:hover{cursor:pointer;opacity:.5;outline:none}.card__rectangle-like:focus{outline:none}
.card__rectangle-like_active{background-image:url(images/aktive.e787eeb70bb65b7b453a.svg);background-repeat:no-repeat;width:22px}
.card__rectangle-remove{background-color:hsla(0,0%,100%,0);background-image:url(images/remove.cbc09a894bdd4c956365.svg);background-repeat:no-repeat;border:0;height:19px;margin:0;position:absolute;right:18px;top:15px;width:18px;z-index:1}.card__rectangle-remove:hover{cursor:pointer;opacity:.6}.card__rectangle-remove:focus{outline:none}
.card__rectangle-remove_hide{display:none}
.footer{font-family:Inter,Arial,Helvetica,sans-serif;margin:0 auto 60px;max-width:880px}@media (max-width:910px){.footer{margin:0 19px 36px}}
.footer__copyright{color:#545454;font-size:18px;font-weight:400;line-height:22px;margin:0}@media (max-width:910px){.footer__copyright{font-size:14px;line-height:17px}}
.popup{align-items:center;background-color:rgba(0,0,0,.5);display:flex;font-family:Inter,Arial,Helvetica,sans-serif;height:100%;justify-content:center;left:0;opacity:0;position:fixed;top:0;transition:all .5s ease-in-out;visibility:hidden;width:100%;z-index:4}
.popup__container{background-color:#fff;border-radius:10px;box-sizing:border-box;padding:34px 36px 37px;position:relative;transition:all .5s ease-in-out;width:430px}@media (max-width:550px){.popup__container{padding:25px 22px;width:282px}}
.popup_opened{opacity:1;visibility:visible}
.popup__close{background-color:transparent;background-image:url(images/close-icon.49062d4a283ec19ada48.svg);background-position:50%;background-repeat:no-repeat;border:0;bottom:100%;height:40px;left:100%;position:absolute;width:40px}.popup__close:focus{outline:none}.popup__close:hover{cursor:pointer;opacity:.6}@media (max-width:390px){.popup__close{background-image:url(images/close-icon2.e765dea5fe1435e9174c.svg);bottom:105%;height:26px;left:91%;padding:0;width:26px}}
.popup__save{background-color:#000;border:0;border-radius:2%;color:#fff;display:block;font-size:18px;font-weight:400;height:51px;line-height:22px;margin:48px 0 0;padding:0;transition:all .5s ease-in-out;width:100%}.popup__save:hover{background-color:rgba(0,0,0,.8);cursor:pointer}@media (max-width:550px){.popup__save{font-size:14px;height:46px;line-height:17px;width:100%}}
.popup__save_disabled{background:#fff;border:1px solid #e5e5e5;border-radius:2%;color:#e5e5e5;display:block;font-size:18px;font-weight:400;height:51px;line-height:22px;padding:0;pointer-events:none;width:100%}@media (max-width:550px){.popup__save_disabled{font-size:14px;height:46px;line-height:17px;width:100%}}
.popup__title{font-size:24px;font-weight:900;line-height:29px;margin:0 0 54px;max-width:330px}@media (max-width:550px){.popup__title{font-size:18px;line-height:22px;margin-bottom:74px;max-width:238px}}
.popup__text{background-color:transparent;border:none;border-bottom:1px solid rgba(0,0,0,.2);border-radius:2%;font-size:14px;font-weight:400;line-height:17px;margin:0;outline:none;padding:5px 0;width:100%}
.popup__text-block{display:block;max-height:35px;min-height:35px}
.popup__text_type_error:invalid{border-bottom:1px solid red}
.popup__text-error{color:red;display:block;font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:15px;margin:0;padding-top:5px}@media (max-width:550px){.popup__text-error{font-size:10px}}
.popup__form{transition:all .5s ease-in-out;width:358px}@media (max-width:550px){.popup__form{width:238px}}
.popup__title_warning{margin-bottom:35px}
.popup__img{margin:0 auto;max-height:75vh;max-width:75vw;-o-object-fit:cover;object-fit:cover;width:100%}
.popup__container_img{align-items:flex-start;background:none;color:#fff;display:flex;flex-direction:column;max-height:75vh;max-width:75vw;padding:0;transition:all .5s ease-in-out;width:auto}@media (max-width:550px){.popup__container_img{margin:136px 40px 111px}}
.popup__title_img{font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:15px;margin:10px 0 0;max-width:291px}@media (max-width:550px){.popup__title_img{max-width:240px}}
.popup-img{background-color:rgba(0,0,0,.9)}


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