.container__login{max-width:1280px;height:100vh;margin:0;padding:0}.login__welcome{margin-top:32px;color:#fff;font-family:Inter;font-size:24px;font-weight:900;text-align:center}.login__error{color:red}.login__form{display:flex;flex-direction:column;justify-content:center;width:358px;margin:12px 0 0 461px}.login__form input{background:transparent;border:none;border-bottom:2px solid white;color:#fff}.login__form label{margin-top:30px;margin-bottom:6px;font-family:Inter;font-size:14px;font-weight:400;color:#ccc}.login__link_text{color:#fff}.login__signup{display:flex;align-items:center;justify-content:center;margin-top:32px}.login__signup p{margin-top:-15px;margin-right:12px;color:#fff;font-size:14px;font-family:Inter;font-weight:400}.login__button-container{display:flex;justify-content:center}.login__link{color:#000;text-align:center;margin-bottom:0;width:358px;height:50px;background-color:#fff;border-radius:2px;border:none;font-family:Inter;font-size:18px;font-weight:400;margin-top:216px}.login__button{color:#fff;width:112px;height:44px;text-align:center;font-family:Inter;font-size:18px;font-weight:400;margin-left:auto;margin-right:200px;display:block;margin-top:-70px;z-index:1000;outline:none;text-decoration:none}.container__login{width:1280px;height:100vh;margin:0;padding:0}.register__welcome{margin-top:32px;color:#fff;font-family:Inter;font-size:24px;font-weight:900;text-align:center}.register__error{color:red}.register__form{display:flex;flex-direction:column;justify-content:center;width:358px;margin:12px 0 0 461px}.register__form input{background:transparent;border:none;border-bottom:2px solid white;color:#fff}.register__form label{margin-top:30px;margin-bottom:6px;font-family:Inter;font-size:14px;font-weight:400;color:#ccc}.register__link_text{color:#fff}.register__signup{display:flex;align-items:center;justify-content:center;margin-top:32px}.register__signup p{margin-top:-15px;margin-right:12px;color:#fff;font-size:14px;font-family:Inter;font-weight:400}.signup__link{color:#fff}.register__button-container{display:flex;justify-content:center}.register__link{color:#000;text-align:center;margin-bottom:0;width:358px;height:50px;background-color:#fff;border-radius:2px;border:none;font-family:Inter;font-size:18px;font-weight:400;margin-top:216px}form input{margin-top:30px}form input::placeholder{color:#ccc;margin-top:13px}.register__button{color:#fff;width:112px;height:44px;text-align:center;font-family:Inter;font-size:18px;font-weight:400;margin-left:auto;margin-right:200px;display:block;margin-top:-70px;z-index:1000;outline:none;text-decoration:none}.infoTooltip{position:fixed;top:0;left:0;width:100%;height:100%;display:none;align-items:center;justify-content:center;background-color:#00000080;z-index:999}.infoTooltip_opened{display:flex}.infoTooltip__container{position:relative;background-color:#fff;padding:30px;border-radius:8px;width:430px;height:330px;text-align:center;box-shadow:0 4px 15px #0000004d}.infoTooltip__icon{width:120px;height:120px;margin-bottom:20px;margin-top:60px}.infoTooltip__message{font-size:24px;font-family:Inter;font-weight:900;color:#000}.infoTooltip__close-button{position:absolute;top:-40px;right:-40px;background:none;border:none;font-size:50px;color:#fff;cursor:pointer}@font-face{font-family:InterVariable;font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/InterVariable-DiVDrmQJ.woff2) format("woff2")}@font-face{font-family:InterVariable;font-style:italic;font-weight:100 900;font-display:swap;src:url(/assets/InterVariable-Italic-FCBEiFp6.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:100;font-display:swap;src:url(/assets/Inter-Thin-DzN99i8q.woff2) format("woff2")}@font-face{font-family:Inter;font-style:italic;font-weight:100;font-display:swap;src:url(/assets/Inter-ThinItalic-DxehbPeK.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:200;font-display:swap;src:url(/assets/Inter-ExtraLight-7kXoOaX_.woff2) format("woff2")}@font-face{font-family:Inter;font-style:italic;font-weight:200;font-display:swap;src:url(/assets/Inter-ExtraLightItalic-Ox17i_b0.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:300;font-display:swap;src:url(/assets/Inter-Light-14LG-y7V.woff2) format("woff2")}@font-face{font-family:Inter;font-style:italic;font-weight:300;font-display:swap;src:url(/assets/Inter-LightItalic-iBr7p6CH.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/Inter-Regular-COLGFB3M.woff2) format("woff2")}@font-face{font-family:Inter;font-style:italic;font-weight:400;font-display:swap;src:url(/assets/Inter-Italic-Bm_w1qmz.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(/assets/Inter-Medium-CDhBSFyE.woff2) format("woff2")}@font-face{font-family:Inter;font-style:italic;font-weight:500;font-display:swap;src:url(/assets/Inter-MediumItalic-BqDObnQN.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(/assets/Inter-SemiBold-BAEEcJ4E.woff2) format("woff2")}@font-face{font-family:Inter;font-style:italic;font-weight:600;font-display:swap;src:url(/assets/Inter-SemiBoldItalic-B7KOJJiL.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/Inter-Bold-BOs3KVhN.woff2) format("woff2")}@font-face{font-family:Inter;font-style:italic;font-weight:700;font-display:swap;src:url(/assets/Inter-BoldItalic-Cabj1n7x.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:800;font-display:swap;src:url(/assets/Inter-ExtraBold-BUaDDWMS.woff2) format("woff2")}@font-face{font-family:Inter;font-style:italic;font-weight:800;font-display:swap;src:url(/assets/Inter-ExtraBoldItalic-efVpd_pq.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:900;font-display:swap;src:url(/assets/Inter-Black-BJbWHna9.woff2) format("woff2")}@font-face{font-family:Inter;font-style:italic;font-weight:900;font-display:swap;src:url(/assets/Inter-BlackItalic-D3PIgx41.woff2) format("woff2")}@font-face{font-family:InterDisplay;font-style:normal;font-weight:100;font-display:swap;src:url(/assets/InterDisplay-Thin-BT9qaRpT.woff2) format("woff2")}@font-face{font-family:InterDisplay;font-style:italic;font-weight:100;font-display:swap;src:url(/assets/InterDisplay-ThinItalic-DtFR0WUP.woff2) format("woff2")}@font-face{font-family:InterDisplay;font-style:normal;font-weight:200;font-display:swap;src:url(/assets/InterDisplay-ExtraLight-B3-UpUq4.woff2) format("woff2")}@font-face{font-family:InterDisplay;font-style:italic;font-weight:200;font-display:swap;src:url(/assets/InterDisplay-ExtraLightItalic-C8b3Z3Tc.woff2) format("woff2")}@font-face{font-family:InterDisplay;font-style:normal;font-weight:300;font-display:swap;src:url(/assets/InterDisplay-Light-DQj7ly9y.woff2) format("woff2")}@font-face{font-family:InterDisplay;font-style:italic;font-weight:300;font-display:swap;src:url(/assets/InterDisplay-LightItalic-Bbt9QreW.woff2) format("woff2")}@font-face{font-family:InterDisplay;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/InterDisplay-Regular-CHKdHLF4.woff2) format("woff2")}@font-face{font-family:InterDisplay;font-style:italic;font-weight:400;font-display:swap;src:url(/assets/InterDisplay-Italic-Pk5cUfHi.woff2) format("woff2")}@font-face{font-family:InterDisplay;font-style:normal;font-weight:500;font-display:swap;src:url(/assets/InterDisplay-Medium-CYGNL_ty.woff2) format("woff2")}@font-face{font-family:InterDisplay;font-style:italic;font-weight:500;font-display:swap;src:url(/assets/InterDisplay-MediumItalic-hd-DtBFz.woff2) format("woff2")}@font-face{font-family:InterDisplay;font-style:normal;font-weight:600;font-display:swap;src:url(/assets/InterDisplay-SemiBold--Mm3ZPsY.woff2) format("woff2")}@font-face{font-family:InterDisplay;font-style:italic;font-weight:600;font-display:swap;src:url(/assets/InterDisplay-SemiBoldItalic-KqvXNdTp.woff2) format("woff2")}@font-face{font-family:InterDisplay;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/InterDisplay-Bold-BpCEuk9N.woff2) format("woff2")}@font-face{font-family:InterDisplay;font-style:italic;font-weight:700;font-display:swap;src:url(/assets/InterDisplay-BoldItalic-2f5-4TWO.woff2) format("woff2")}@font-face{font-family:InterDisplay;font-style:normal;font-weight:800;font-display:swap;src:url(/assets/InterDisplay-ExtraBold-CTk6ni5a.woff2) format("woff2")}@font-face{font-family:InterDisplay;font-style:italic;font-weight:800;font-display:swap;src:url(/assets/InterDisplay-ExtraBoldItalic-7uYEMdJ3.woff2) format("woff2")}@font-face{font-family:InterDisplay;font-style:normal;font-weight:900;font-display:swap;src:url(/assets/InterDisplay-Black--Thh5XZM.woff2) format("woff2")}@font-face{font-family:InterDisplay;font-style:italic;font-weight:900;font-display:swap;src:url(/assets/InterDisplay-BlackItalic-CeOspfgx.woff2) format("woff2")}@font-feature-values InterVariable{@character-variant{cv01:1;cv02:2;cv03:3;cv04:4;cv05:5;cv06:6;cv07:7;cv08:8;cv09:9;cv10:10;cv11:11;cv12:12;cv13:13;alt-1:1;alt-3:9;open-4:2;open-6:3;open-9:4;lc-l-with-tail:5;simplified-u:6;alt-double-s:7;uc-i-with-serif:8;uc-g-with-spur:10;single-story-a:11;compact-lc-f:12;compact-lc-t:13}@styleset{ss01:1;ss02:2;ss03:3;ss04:4;ss05:5;ss06:6;ss07:7;ss08:8;open-digits:1;disambiguation:2;disambiguation-except-zero:4;round-quotes-and-commas:3;square-punctuation:7;square-quotes:8;circled-characters:5;squared-characters:6}}@font-feature-values Inter{@character-variant{cv01:1;cv02:2;cv03:3;cv04:4;cv05:5;cv06:6;cv07:7;cv08:8;cv09:9;cv10:10;cv11:11;cv12:12;cv13:13;alt-1:1;alt-3:9;open-4:2;open-6:3;open-9:4;lc-l-with-tail:5;simplified-u:6;alt-double-s:7;uc-i-with-serif:8;uc-g-with-spur:10;single-story-a:11;compact-lc-f:12;compact-lc-t:13}@styleset{ss01:1;ss02:2;ss03:3;ss04:4;ss05:5;ss06:6;ss07:7;ss08:8;open-digits:1;disambiguation:2;disambiguation-except-zero:4;round-quotes-and-commas:3;square-punctuation:7;square-quotes:8;circled-characters:5;squared-characters:6}}@font-feature-values InterDisplay{@character-variant{cv01:1;cv02:2;cv03:3;cv04:4;cv05:5;cv06:6;cv07:7;cv08:8;cv09:9;cv10:10;cv11:11;cv12:12;cv13:13;alt-1:1;alt-3:9;open-4:2;open-6:3;open-9:4;lc-l-with-tail:5;simplified-u:6;alt-double-s:7;uc-i-with-serif:8;uc-g-with-spur:10;single-story-a:11;compact-lc-f:12;compact-lc-t:13}@styleset{ss01:1;ss02:2;ss03:3;ss04:4;ss05:5;ss06:6;ss07:7;ss08:8;open-digits:1;disambiguation:2;disambiguation-except-zero:4;round-quotes-and-commas:3;square-punctuation:7;square-quotes:8;circled-characters:5;squared-characters:6}}body{background-color:#000;margin:0;padding:0;overflow-x:hidden;height:100%}.header{width:880px;height:74px;display:flex;flex-direction:column;margin-top:45px;margin-left:200px}.header__logo{display:flex;flex-direction:column}.header__logo_style{width:173px;height:33px}.header__line{width:880px}.header__options{display:flex;margin-right:auto}.header__email{color:#fff}.header__logout{color:#b6b6b6;cursor:pointer}.header__top{display:flex;justify-content:space-between;align-items:center}.header__nav{display:flex;gap:1rem}.header__menu-icon{font-family:Inter;display:none;font-size:24px;background:none;color:#fff;border:none;cursor:pointer;position:absolute;margin-top:-40px}.header__menu-icon-x{font-family:Inter;display:block;font-size:24px;background:none;color:#fff;border:none;cursor:pointer;position:absolute;right:20px;top:190px}.header__mobile-menu{top:0;left:0;width:100%;background-color:#000;color:#fff;display:flex;flex-direction:column;align-items:center;padding-top:20px;padding-bottom:20px;z-index:1000}.header__nav{width:260px;position:absolute;margin-left:830px;margin-top:0;font-family:Inter;z-index:10000}.nav__top{width:260px;display:block;font-family:Inter;flex-grow:1;justify-content:flex-end;margin-left:0;right:50px;background-color:#7fffd4}.container{position:relative}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:15;display:none}.popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;padding:20px;border-radius:10px;box-shadow:0 4px 10px #0003;z-index:20;display:none;width:430px;height:330px}.popup__close{transform:rotate(45deg) scale(3);position:absolute;top:-30px;right:-30px;border:none;background:none;font-size:20px;cursor:pointer;color:#fff}.popup__title{margin-left:35px;margin-bottom:54px;font-family:Inter;font-size:24px}.popup__form{display:flex;flex-direction:column;gap:1px}.popup__input{margin-left:35px;width:358px;padding:auto;border:none;border-bottom:1px solid #000000}.popup__save-button{font-family:Inter;background-color:#fff;color:#787878;margin-left:36px;margin-top:24px;margin-bottom:36px;padding:10px;border:1px solid #a3a3a3;border-radius:5px;cursor:pointer;font-size:16px;width:358px;height:50.15px}.popup__save-button.active{background-color:#000;color:#fff;cursor:pointer}.popup__input_name{font-family:Inter}.popup__input_role{font-family:Inter;margin-top:30px}.popup.visible,.overlay.visible{display:block}.hidden{display:none}h2{color:#000}label{color:gray}.popup__input.error{border-bottom:1px solid red}.error-message{font-family:Inter;color:red;font-size:12px;margin-top:4px;margin-left:36px}#root{width:100%;max-width:1280px;padding:0;box-sizing:border-box;overflow-x:hidden}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.profile{color:#fff}.profile__container{width:880px;height:120px;display:flex;align-items:center;margin-left:200px;margin-top:40px;margin-right:200px}.profile__cnt{display:flex;align-items:center;border-radius:50%}.profile__image{width:120px;height:120px;border-radius:50%;object-fit:cover}.profile__cnt:hover .profile__image{filter:brightness(50%)}.profile__button{position:absolute;margin-left:45px;opacity:0;cursor:pointer}.profile__cnt:hover .profile__button{opacity:1}.profile__info{width:415px;height:77px;display:flex;flex-direction:column;justify-content:center;margin-left:30px;margin-top:0;gap:16px}.profile__role{margin-top:16px;font-family:Inter;font-size:18px;text-overflow:ellipsis}.profile__edit{margin-top:15px;cursor:pointer}.profile__add_style{width:150px;height:50px}.profile__edit_style{width:24px;height:24px}.profile__add{margin-left:80px}.profile__header{display:flex;width:415px;height:39px;align-items:baseline;margin-top:0}.profile__name{font-family:Inter;font-size:42px;margin-top:0;margin-right:18px;white-space:nowrap;overflow:hidden;margin-bottom:18px}button{background:none;border:none;cursor:pointer}.profile__edit:hover,.profile__add:hover{opacity:60%}.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:17px 20px;margin-left:200px;margin-top:50px;margin-right:200px}.gallery__card{background-color:#fff;border-radius:10px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 4px 8px #0000004d;width:282px;height:361px;position:relative;display:inline-block}.gallery__card img{width:282px;height:282px;object-fit:cover;display:block;cursor:pointer}.gallery__card-info{width:246px;height:23px;margin-top:25px;margin-left:21px;display:flex;justify-content:space-between;align-items:center;text-overflow:ellipsis}.gallery__like-button.activa{opacity:1;background:url(https://practicum-content.s3.us-west-1.amazonaws.com/web-code/dom/moved_heart-filled.svg) center no-repeat}.gallery__like-button{border:none;background:url(https://practicum-content.s3.us-west-1.amazonaws.com/web-code/dom/moved_heart.svg) center no-repeat;background-size:100%;width:21px;height:19px;cursor:pointer}.gallery__remove-button{cursor:pointer;position:absolute;border:none;background: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.79007H1.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");background-size:100%;width:18px;height:19px;margin-left:249px;margin-top:18px;z-index:10}.gallery__like-button:hover{opacity:50%}.gallery__title{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#000;font-family:Inter;font-size:24px;font-weight:900;line-height:29.05px;text-align:left;text-underline-position:from-font;text-decoration-skip-ink:none}.image-modal{display:none;justify-content:center;align-items:center;position:fixed;overflow:hidden;top:0;left:0;width:100vw;height:100vh;z-index:100000}.image-modal.active{opacity:1;visibility:visible;display:flex;background:#00000080;z-index:100000000}.image-modal__image{max-width:75vw;max-height:75vh;overflow:hidden;margin-bottom:10px}.image-modal__content{position:relative;padding:50px;border-radius:10px;max-width:75vw;max-height:75vh;display:grid;grid-template-columns:auto;grid-template-rows:auto auto;align-items:start;justify-items:start;overflow:hidden}.image-modal__title{font-size:12px;margin:0;color:#fff;font-family:Inter;text-align:left;align-self:flex-start}.image-modal__close-button{position:absolute;top:-25px;right:20px;transform:rotate(45deg) scale(3);grid-row:1;border:none;background:none;font-size:20px;cursor:pointer;color:#fff}.image-modal__close-button:hover{opacity:50%}.footer{margin-left:200px;margin-bottom:60px;margin-top:67px}@media (min-width: 1280px){body{display:flex;justify-content:center;overflow-x:hidden}}@media (max-width: 768px){body{max-width:768px;overflow-x:hidden}.header{width:550px;margin-left:50px;margin-right:50px}.header__line{width:570px;margin-right:50px}.gallery{grid-template-columns:repeat(2,1fr);gap:15px 15px;width:568px;margin-left:50px;margin-right:50px}.gallery__card{width:275px;height:360px}.profile__container{width:570px;margin-left:50px;margin-right:50px}.profile__info{margin-left:10px;margin-top:-20px}.profile__header{margin-top:0;width:285px}.profile__role{font-size:12px}.profile__name{font-size:28px}.profile__add_style{width:80px}.profile__add{margin-left:-10px}.image-modal{width:768px;height:100%;top:0;overflow-x:hidden;padding:0}.image-modal__title{font-size:.9rem}.image-modal__content{z-index:1000000;margin:0}.image-modal__title{font-size:.85rem}.footer{margin-top:450px;margin-left:50px;margin-right:50px}}@media (max-width: 320px){body{max-width:100%}#root{max-width:320px}.gallery{grid-template-columns:repeat(1,1fr);width:282px;height:2266px;margin-right:0;margin-left:19px}.header{width:320px;height:56px;margin-left:0;margin-right:0}.profile__container{width:282px;height:286px;flex-direction:column;margin-left:19px;margin-right:19px;align-items:center;justify-content:space-between}.profile__header{width:282px;height:22px;margin-left:0;align-items:center}.profile__info{width:282px;height:50px;margin-left:19px;margin-right:19px;align-items:center;text-align:center}.header__logo_style{width:126px;height:24px;margin-left:27px}.header__line{width:320px}.profile__role{font-size:14px;margin-top:0}.profile__name{margin:0;height:22px;font-size:22px;white-space:nowrap}.gallery__container{margin-left:19px;margin-right:19px}.footer{width:282px;height:14px;margin-left:19px;margin-bottom:36px;margin-top:50px}.profile__add{width:282px;height:50px;margin-left:10px}.profile__edit{margin-top:4px;margin-left:10px}.profile__add_style{width:282px;height:50px;margin-left:0}.profile__edit_style{width:18px;height:18px;margin-top:0;margin-left:0}.profile__header{width:224px;height:50px;align-items:normal;margin-left:0}.popup{width:282px;height:322px}.popup__close{right:0;left:35;top:-30px}.popup__title{margin-left:22px;font-size:18px}.popup__input{margin-left:22px;width:238px}.popup__save-button{margin-left:22px;width:238px;height:46px;font-size:14px}.popup__input_name,.popup__input_role{font-size:14px}.image-modal{width:320px;height:100%;top:0;overflow-x:hidden;padding:0}.container__register,.container__login,.login{max-width:320px}.register__button,.login__button{width:88px;height:17px;font-size:14px;margin-left:200px;margin-right:auto;margin-top:-50px}.register__welcome,.login__welcome{font-size:20px;width:260px;height:48px;margin-left:0;margin-right:auto;margin-bottom:40px}.register__form,.login__form{margin-left:30px;width:260px}.infoTooltip__container{width:280px;height:308px}.infoTooltip__message{font-size:20px;width:244px;height:72px}.infoTooltip__close-button{right:0;left:0;top:-40px;margin-top:-40px;font-size:70px}.header__menu-icon{display:block;position:absolute;top:35px;right:0;margin-right:30px}.header__mobile-menu{display:flex;font-family:Inter;font-size:18px;font-weight:500}.header__nav{display:none}}