/*! 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}[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-family:Inter;font-style:normal;font-weight:400;src:url(vendor/fonts/Inter-Regular.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:900;src:url(vendor/fonts/Inter-Black.woff2) format("woff2")}@keyframes rotatePreloader{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes pulsePreloader{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.preloader__icon{top:50%;left:50%;width:40px;height:40px;border:3px solid hsla(0,0%,100%,.5);transform:translate(-50%,-50%);border-radius:50%}.preloader__icon,.preloader__icon:before{content:"";position:absolute;box-sizing:border-box}.preloader__icon:before{top:-3px;left:-3px;bottom:-3px;right:-3px;border:3px solid transparent;border-right-color:#fff;border-radius:50%;animation:rotatePreloader 1s linear infinite}.preloader__icon:after{content:"Loading ...";position:absolute;top:calc(100% + 15px);left:50%;color:#fff;font-size:12px;text-align:center;white-space:nowrap;transform:translateX(-50%);animation:pulsePreloader 1s linear infinite}.preloader{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000;z-index:999;opacity:1;transition:opacity .3s ease-in-out}.preloader--hidden{opacity:0;z-index:-1}.root__section{width:calc(100% - 400px);margin:auto}@media screen and (max-width:980px){.root__section{width:90%}}.root{background-color:#000;min-height:100vh;font-family:Inter;padding-bottom:194px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media screen and (max-width:1024px){.root{padding-bottom:140px}}.header{min-height:132px;display:flex;align-items:center;border-bottom:1px solid #a5a5a5}.logo{display:inline-block;vertical-align:middle;color:#fff;text-decoration:none;font-size:1.5rem}.profile{min-height:300px;display:flex;align-items:center}.user-info__photo{cursor:pointer;width:150px;height:150px;min-width:150px;border-radius:50%;background-size:cover;background-position:50%;background-image:url(images/avatar.jpg);transition:opacity .3s ease-in-out}.user-info__photo:hover{opacity:.7}@media screen and (max-width:980px){.user-info__photo{margin-top:40px}}.user-info__data{max-width:364px;margin-left:36px}@media screen and (max-width:980px){.user-info__data{margin:20px 0;text-align:center}}.user-info__name{margin:0;font-weight:400;font-size:54px;line-height:56px;word-wrap:break-word}.user-info__job{margin:20px 0 0;font-size:20px;line-height:25px;word-wrap:break-word}.user-info__button{position:absolute;top:16px;right:0}@media screen and (max-width:980px){.user-info__button{position:static;margin-bottom:40px}}.user-info__edit{cursor:pointer;font-size:12px;line-height:1.25;color:#fff;background-color:transparent;border:1px solid #fff;padding:.5px 7.08px;text-align:center;margin-top:19px;transition:color .3s ease,background-color .3s ease}.user-info__edit:active,.user-info__edit:focus,.user-info__edit:hover{color:#000;background-color:#fff}.user-info{display:flex;position:relative;align-items:flex-start;color:#fff;width:100%}@media screen and (max-width:980px){.user-info{flex-direction:column;align-items:center}}.button{background-color:transparent;border:1px solid #fff;color:#fff;width:150px;height:50px;font-size:30px;display:block;cursor:pointer}.button:focus{outline-color:#adff2f}.places-cards__info{margin-bottom:20px}.places-cards__count{text-align:center;color:#fff}.place-cards{display:grid;grid-template-columns:repeat(auto-fill,282px);grid-gap:18px 18px;justify-content:center}.place-card__picture{height:282px;background-size:cover;background-position:50%;border-top-left-radius:10px;border-top-right-radius:10px;position:relative;overflow:hidden}.place-card__picture:before{content:"+";position:absolute;top:50%;left:50%;color:#fff;font-size:40px;transform:translate(-50%,-50%);opacity:0;z-index:1;pointer-events:none;transition:opacity .3s ease}.place-card__picture:after{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.3);border-top-left-radius:10px;border-top-right-radius:10px;pointer-events:none;transition:background-color .3s ease}.place-card__picture:hover:before{opacity:1}.place-card__picture:hover:after{background-color:rgba(0,0,0,.65)}.place-card__picture:hover .place-card__image{transform:scale(1.2)}.place-card__image{border-top-left-radius:10px;border-top-right-radius:10px;position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;cursor:pointer;transition:transform .3s ease-in-out}.place-card__delete-icon{background:url(images/trash-icon.svg) 50% no-repeat;background-color:transparent;border:none;width:18px;height:20px;position:absolute;top:18px;right:15px;cursor:pointer;opacity:0;display:none;transition:opacity .3s ease}[data-card=my] .place-card__delete-icon{opacity:.7;z-index:1;display:block}[data-card=my]:hover .place-card__delete-icon{opacity:1}.place-card__description{display:flex;min-height:78px;align-items:center;justify-content:space-between;box-sizing:border-box;padding:0 22px}.place-card__name{margin:0;font-size:24px;line-height:29px;word-break:break-word}.place-card__like{text-align:center}.place-card__like-icon{background:url(images/like-inactive.svg) 50% no-repeat;background-color:transparent;border:none;width:21px;height:19px;cursor:pointer;transition:transform .3s linear}.place-card__like-icon_liked{background-image:url(images/like-active.svg)}.place-card__like-icon:hover{transform:scale(1.03)}.place-card{position:relative;width:282px;background-color:#fff;border-radius:10px;min-height:360px;box-sizing:border-box}.popup__overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5)}.popup__content{width:430px;min-height:290px;background-color:#fff;border-radius:10px;position:relative;box-sizing:border-box;padding:34px 36px}@media screen and (max-width:767px){.popup__content{min-height:1px}}@media screen and (max-width:540px){.popup__content{width:calc(100% - 60px)}}.popup__content_image{padding:0;background-color:transparent;max-width:80vw;max-height:80vh;width:auto;min-height:1px;border-radius:0}.popup__close{width:40px;height:40px;position:absolute;top:-36px;right:-36px;cursor:pointer;background:transparent;border:none;transition:transform .3s ease;outline:none;text-indent:-9999px}.popup__close:after,.popup__close:before{content:"";position:absolute;top:50%;left:50%;width:100%;height:4px;background-color:#e8e8e8;transform:translate(-50%,-50%) rotate(45deg);transition:background-color .3s ease}.popup__close:after{transform:translate(-50%,-50%) rotate(-45deg)}.popup__close:hover:after,.popup__close:hover:before{background-color:#fff}.popup__close:hover{transform:scale(1.05)}.popup__title{margin:0;font-size:24px;line-height:30px}.popup__form{margin-top:40px}@media screen and (max-width:767px){.popup__form{margin-top:20px}}.popup__item{position:relative;margin-bottom:20px}@media screen and (max-width:767px){.popup__item{margin-bottom:10px}}.popup__input{outline:none;width:100%;height:36px;font-size:14px;line-height:17px;box-sizing:border-box;padding:10px 0;border:none;background-image:linear-gradient(0deg,#00f 2px,rgba(156,39,176,0) 0),linear-gradient(0deg,rgba(0,0,0,.2) 1px,hsla(0,0%,82%,0) 0);background-position:bottom;background-repeat:no-repeat;background-size:0 100%,100% 100%;transition:all .2s ease-in}.popup__input+.popup__input{margin-top:20px}.popup__input:focus{background-size:100% 100%,100% 100%}.popup__error{color:red;font-size:12px;font-weight:500;line-height:1.25;position:absolute;top:50%;left:100%;padding:15px;background-color:#fff;border:1px solid rgba(0,0,0,.06);box-shadow:0 5px 30px 0 rgba(0,0,0,.1);z-index:99;width:240px;transform:translateY(-50%) translateX(15px);opacity:0;visibility:hidden;transition:opacity .3s ease,transform .3s ease}.popup__error:before{content:"";position:absolute;top:50%;left:-5px;background:#fff;width:13px;height:13px;transform:translateY(-50%) rotate(-45deg);z-index:-1}@media screen and (max-width:767px){.popup__error{position:relative;top:0;left:0;padding:0;border:none;box-shadow:none;width:100%;transform:translateY(0) translateX(0);margin-top:5px}.popup__error:before{display:none}}.popup__error--show{opacity:1;visibility:visible;transform:translateY(-50%) translateX(0)}@media screen and (max-width:767px){.popup__error--show{transform:translateY(0) translateX(0)}}.popup__button{width:100%;height:50px;border:1px solid #000;background-color:#000;margin-top:48px;color:#fff;font-size:36px}.popup__button[disabled]{cursor:not-allowed;background-color:#fff;border:1px solid rgba(0,0,0,.2);color:rgba(0,0,0,.2)}@media screen and (max-width:767px){.popup__button{margin-top:20px}}.popup__button--edit,.popup__button--update-avatar{font-size:18px}.popup__image{max-width:80vw;max-height:80vh;object-fit:cover;display:block}.popup__caption{color:#fff;text-align:center;font-size:3vh;margin-top:1vh;animation:showCaption .3s ease-in-out forwards}@keyframes showCaption{0%{transform:translateY(100%)}to{transform:translateY(0)}}.popup.popup_is-opened{opacity:1;visibility:visible}.popup__content{transform:translateY(100vh);transition:transform .5s ease}.popup.popup_is-opened .popup__content{transform:translateY(0)}.popup{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .5s ease,visibility .5s ease;z-index:99}@media screen and (max-width:767px){.popup{align-items:flex-start;margin-top:40px}}.no-cards_hidden{display:none}.no-cards{text-align:center;color:#fff}body{background-color:#000}