@import url(https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap);*{box-sizing:border-box;color:#fff;font-family:Open Sans,sans-serif;font-style:normal;list-style-type:none;margin:0;outline:none;padding:0;transition:all .3s}*,a,a:link{text-decoration:none}a,a:link,button,input{color:inherit}button,input{background-color:#0000;border:none;cursor:pointer;font-family:inherit;font-size:inherit}.container{margin:0 auto;max-width:1200px;padding:0 20px}.row{display:flex}.header{background:#222;color:#fff}.header__title{font-size:20px;font-weight:700;padding-block:15px}.header__nav{justify-content:space-between}.header__left,.header__nav{align-items:center;display:flex}.header__left{column-gap:35px}.header__right{align-items:center;column-gap:20px;display:flex}.header__search{position:relative}.header__search-icon{cursor:pointer;font-size:20px;left:8px;position:absolute;top:50%;transform:translateY(-50%)}.header__search-field{background-color:#424242;border:none;border-radius:8px;height:32px;padding-left:35px;width:230px}.header__user{align-items:center;background-color:#222!important;column-gap:3px;cursor:pointer;display:flex;padding:25px 5px!important}.header__user-photo{border-radius:50px;height:32px!important;width:32px!important}.header__user-icon{color:#fff;font-size:20px}.header__notif{cursor:pointer;font-size:27px;position:relative}.header__notif-counter{background-color:red;border-radius:25px;font-size:16px;padding-inline:3px;position:absolute;right:-4px;top:-8px}.header__popover{padding:20px}.header__popover-top{align-items:center;border-radius:5px;column-gap:10px;display:flex;padding:5px}.header__popover-list{display:flex;flex-direction:column;margin-top:10px;row-gap:7px}.header__popover-item{align-items:center;column-gap:10px;cursor:pointer;display:flex;padding:5px}.header__popover-item svg{font-size:22px}.header__popover-item:not(:nth-child(3)):hover{background-color:#222}.chakra-popover__arrow-positioner{height:0}.register{background:#222;background:linear-gradient(150.15deg,#181818 10.12%,#0275b1 100.22%);height:150vh;margin:0 auto;padding:30px 0}.register__title{-webkit-text-fill-color:#0000;background:linear-gradient(91.92deg,#fff 29.24%,#b0faff00 131.64%);-webkit-background-clip:text;background-clip:text;font-size:36px;font-weight:900;margin-bottom:20px;text-align:center}.register__block{column-gap:20px;display:flex}.register__block-birthday{display:flex}.register__label{margin-bottom:10px;width:100%}.register__label-title{-webkit-text-fill-color:#0000;background:linear-gradient(100.92deg,#dfdde1 20.24%,#b0faff00 100.64%);-webkit-background-clip:text;background-clip:text;font-size:16px;font-weight:600;margin-bottom:5px}.register__label-wrapper{display:flex;flex-direction:column;position:relative}.register__gender{-webkit-text-fill-color:#0000;background:linear-gradient(91.92deg,#dfdde1 5.24%,#b0faff00 100.64%);-webkit-background-clip:text;background-clip:text;column-gap:20px;display:flex;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:16px;font-weight:600;margin-bottom:10px}.register__gender-input{opacity:0;position:absolute;z-index:-1}.register__gender-input+label{align-items:center;display:inline-flex;-webkit-user-select:none;user-select:none}.register__gender-input+label:before{background-position:50%;background-repeat:no-repeat;background-size:50% 50%;border:1px solid #adb5bd;border-radius:50%;content:"";display:inline-block;flex-grow:0;flex-shrink:0;height:1em;margin-right:.5em;width:1em}.register__gender-input:not(:disabled):not(:checked)+label:hover:before{border-color:#b3d7ff}.register__gender-input:not(:disabled):active+label:before{background-color:#b3d7ff;border-color:#b3d7ff}.register__gender-input:focus+label:before{box-shadow:0 0 0 .2rem #007bff40}.register__gender-input:focus:not(:checked)+label:before{border-color:#80bdff}.register__gender-input:checked+label:before{background-color:#0275b1;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E");border-color:#0275b1}.register__gender-input+label:before{background-color:#07585c1a}.register__gender-item{align-items:center;column-gap:5px;display:flex}.register__field{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#07585c1a;border-radius:4px;box-shadow:0 4px 41px #00000021;display:block;padding:5px 15px;width:100%}.register__field::placeholder{color:#999;opacity:1}.register__field-password-icon{color:#999;cursor:pointer;position:absolute;right:10px;top:21%}.register__content{display:flex;justify-content:center}.register__form{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#ffffff1a;border-radius:8px;box-shadow:0 4px 41px #00000021;color:#fff;display:flex;flex-direction:column;flex-wrap:wrap;max-width:400px;padding:30px 20px;width:100%}.register__btn{background:#0275b1;border-radius:12px;box-shadow:0 5px 16px #0275b1;color:#fff;font-size:15px;font-weight:700;justify-content:center;margin:0 auto;padding:10px 40px}.register__error{align-items:center;column-gap:3px;display:flex;margin-top:2px}.register__error-text{color:#f5222d;font-size:10px}.register__text{color:#fff9;font-size:12px;padding-block:20px 5px;text-align:center}.register .register__question{font-weight:700;text-align:center}.register__photo-addBtn{background-color:#0275b1}.register__photo-image{width:200px}.register select::-webkit-scrollbar{width:8px}.register select::-webkit-scrollbar-track{background:#f0f0f0;border-radius:10px}.register select::-webkit-scrollbar-thumb{background-color:#888;border:2px solid #f0f0f0;border-radius:10px}.register select::-webkit-scrollbar-thumb:hover{background:#555}.register select option{background-color:#15455c;color:#fff}.switchLangs{align-items:center;background:#f1f1f1;border:1px solid #e1e1e1;border-radius:8px;box-sizing:border-box;display:flex;flex-direction:row;height:30px;justify-content:space-between;width:76px}.switchLangBtn{background:none;background:#f1f1f1;border:1px solid #f1f1f1;border-radius:5px;color:#919191;cursor:pointer;font-size:12px;font-style:normal;font-weight:600;height:30px;line-height:20px;transition:all .2s;width:38px}.switchLangBtn.active{background:#fff;border-radius:6px;box-shadow:0 0 4px #00000024;color:#000}.aside{background-color:#222;border:1px solid #3e4042;min-height:calc(100vh - 60px);padding:20px 50px 20px 20px}.aside__menu{display:flex;flex-direction:column;row-gap:10px}.aside__item{align-items:center;border-radius:4px;column-gap:10px;cursor:pointer;display:flex;font-size:16px;padding:4px 3px;white-space:nowrap}.aside__item:hover{background:#424242;color:#f5f5f5}.content,.profile{background:#18191a}.profile{color:#e4e6eb;display:flex;min-height:calc(100vh - 60px);padding:40px 20px;width:50%}.profile__emoji-block{max-height:300px;position:absolute;right:10px;top:10px;transform:scale(.7);transform-origin:top right;transition:1s!important;z-index:1}.profile__posts{background:#000;border:1px solid #3e4042;border-radius:7px;margin-top:40px;padding:15px}.profile__posts-top{border-bottom:1px solid #000;column-gap:40px;display:flex;padding-bottom:20px}.profile__posts-top button{border:1px solid #0000;color:#6e7275!important}.profile__posts-top button:hover{background-color:#0000;border-color:#3e4042;color:#e4e6eb!important}.profile__posts-row{display:flex;flex-direction:column;row-gap:40px}.profile__posts-card-top{display:flex;gap:15px;justify-content:space-between;margin-bottom:20px}.profile__posts-card-top svg path{fill:#474545!important}.profile__posts-card-top:hover svg path{fill:gray!important}.profile__posts-card-top-autor{align-items:center;display:flex;gap:20px}.profile__posts-card-date{color:gray;font-size:12px}.profile__posts-card-icons{size:10px;display:flex;gap:5px;padding-top:15px}.profile__posts-card-icons button{border-radius:15px;padding:14px}.profile__posts-card-icons svg{fill:#6e7275;font-size:20px}.profile__posts-card-icons svg:hover{fill:#fff}.profile__addPost{background:#000;border:1px solid #3e4042;border-radius:7px;margin-top:40px;min-height:150px;padding:15px;position:relative}.profile__addPost-top{display:flex;justify-content:space-between}.profile__addPost-field{background:#0000;height:150px;resize:none;scrollbar-width:none;width:100%}.profile__info{background:#222;background:#000;border:1px solid #3e4042;border-radius:7px;min-width:300px;width:100%}.profile__info-top{border-radius:7px 7px 0 0;height:200px;position:relative}.profile__info-city{color:#b0b3b8;font-size:14px;padding-block:5px}.profile__info-cover{align-items:center;background:#563600;border:none;border-radius:30px;column-gap:10px;display:flex;padding:8px 20px;position:absolute;right:5px;top:20px}.profile__info-left{position:relative}.profile__info-bottom{background:#000;border-radius:0 0 7px 7px;display:flex;flex-direction:column;padding:65px 40px;position:relative;width:100%}.profile__info-avatar{align-items:center;background-color:#000;border:4px solid #222;border-radius:50%;cursor:pointer;display:flex;height:200px;justify-content:center;left:35px;overflow:hidden;position:absolute;top:40px;width:200px;z-index:2}.profile__info-avatar svg{font-size:110px}.profile__info-avatar img{height:100%;max-width:100%;object-fit:cover;object-position:center}.profile__info-name{font-size:22px;font-weight:600}.profile__info-about{align-items:start;border:1px solid #8fb9e4;border-radius:25px;color:#8fb9e4;column-gap:5px;display:flex;font-size:16px;justify-content:center;margin-top:35px;padding:5px 10px}.profile__info-about span{color:#69a6e3}.profile__info-change{font-size:22px;padding:7px 0;position:absolute;right:0}.profile__info-change:hover svg{fill:#8fb9e4}.profile__info-aboutUser{background-color:#415064;border-radius:5px;font-size:13px;margin-top:10px;max-width:400px;min-width:300px;padding:10px 15px;white-space:pre-line}.profile__title{font-size:20px}.friends{background:#222;min-height:100hv;width:100%}.friends__row{color:#fff;display:flex;min-height:100vh}.friends__follow{border-top:1px solid #3e4042;min-width:250px;padding:30px;width:20%}.friends__list-item{align-items:center;display:flex;flex-wrap:nowrap;gap:20px;padding-bottom:15px}.friends__title{font-size:20px;margin-bottom:20px}.friends__search{margin-bottom:30px;position:relative}.friends__search-input{background:#0000;border:1px solid #3e4042;border-radius:5px;height:45px;padding-left:15px;width:100%}.friends__search-btn{align-items:center;background:#8c8c8c;border:1px solid #3e4042;border-radius:0 5px 5px 0;display:flex;font-size:20px;height:45px;justify-content:center;padding:0 20px;position:absolute;right:0;top:0}.friends__cards{display:flex;flex-wrap:wrap;gap:30px}.friends__card{min-width:220px;width:calc(24% - 20px)}.friends__card-img{border-radius:4px;height:160px;object-fit:cover;object-position:top center;width:100%}.friends__card-name{display:flex}.friends__card-bottom{align-items:center;display:flex;justify-content:space-between}.friends__card-link{font-size:14px}.friends__card-friends{color:#8c8c8c;font-size:12px}.friends__card-btn{background:#0000;border:none;color:#0050b0;font-size:22px}.friends__filter{background:#222;border:1px solid #3e4042;padding:30px;width:70%}.notification{background-color:#222;min-height:100vh;padding-top:20px;width:100%}.notification__none{margin-left:50px;margin-top:30px}.notification__content{background-color:#181818;border-radius:15px;max-width:85%;padding:20px}.notification__title{font-size:20px;margin-bottom:40px}.notification__list{display:flex;flex-direction:column}.notification__card{align-items:center;border-top:1px solid #3e4042;display:flex;justify-content:space-between;padding:15px;width:100%}.notification__card-left{margin-top:10px}.notification-btns,.notification__card-left{align-items:center;column-gap:20px;display:flex}.notification-btns{padding:20px 0}.photos{background:#000;min-height:100vh;padding:50px 0;width:100%}.photos__content{background:#222;border-radius:10px;padding:15px}.photos__top{align-items:center;border-bottom:1px solid gray;display:flex;justify-content:space-between;padding-bottom:10px}.photos__btns{column-gap:10px;display:flex}.photos__empty{padding:70px 0;text-align:center}.photos__list{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));justify-items:center;padding:25px}.photos__list-item{display:flex;flex-direction:column;gap:5px;margin-bottom:20px;width:100%}.photos__image{display:flex;height:250px;overflow-y:hidden;position:relative;width:100%}.photos__image-close{filter:invert(0);left:5px;position:absolute!important;top:5px!important}.photos__image-close:hover{background:#fff!important}.photos__image-close:hover svg path{fill:#000!important}.photos__image-img{height:100%;object-fit:cover;width:100%}.photos__image-field{border-top:none!important;border-top-left-radius:0!important;border-top-right-radius:0!important}.photos__row{display:flex;flex-wrap:wrap;gap:20px}.photos__row-img{height:300px;object-fit:cover;width:calc(33.33333% - 13.33333px)}.photos__preview{height:"auto";width:250px}.requests{background:#222;min-height:calc(100vh - 60px);padding-top:20px;width:100%}.editMyProfile{background:#000;height:200vh;padding:30px 0;width:100%}.editMyProfile .width{width:350px}.editMyProfile__title{border-bottom:1px solid #555;font-size:25px;margin-bottom:40px;padding-bottom:25px}.editMyProfile__info{align-items:flex-start;display:flex;flex-direction:column}.editMyProfile__content{display:flex;flex-direction:column;gap:20px;padding-inline:30px}.editMyProfile__field{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:#222;border:1px solid #ccc;border-radius:8px;color:#fff;cursor:pointer;padding:8px 12px}.editMyProfile__card{display:flex;justify-content:flex-start}.editMyProfile__label{flex-wrap:nowrap;width:200px}.editMyProfile-btn-save{align-self:center;background-color:#3b82f6;border-radius:8px;margin-top:60px;padding:7px 15px}.editMyProfile__multiselector{background-color:#222;color:#888}.editMyProfile select::-webkit-scrollbar{width:8px}.editMyProfile select::-webkit-scrollbar-track{background:#f0f0f0;border-radius:10px}.editMyProfile select::-webkit-scrollbar-thumb{background-color:#888;border:2px solid #f0f0f0;border-radius:10px}.editMyProfile select::-webkit-scrollbar-thumb:hover{background:#555}.editMyProfile textarea{height:150px}.editMyProfile .select__control{background:#222!important;border:1px solid #fff!important;border-radius:4px!important;color:#fff!important}.editMyProfile .select__control--is-focused{border-color:#3b82f6!important;box-shadow:0 0 0 1px #3b82f6!important}.editMyProfile .select__menu{background:#222!important;border:1px solid #fff!important;border-radius:4px;margin-top:4px!important}.editMyProfile .select__menu-list{border-radius:4px;padding:0!important}.editMyProfile .select__option{background:#222!important;color:#fff!important}.editMyProfile .select__option:hover{background:#3b82f6!important;cursor:pointer}.editMyProfile .select__option--is-selected{background:#2563eb!important}.editMyProfile .select__multi-value{background:#3b83f6!important;font-size:18px}.editMyProfile .select__multi-value__label,.editMyProfile .select__placeholder{color:#fff!important}.editMyProfile .custom-select{background:#222 url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23fff'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E") no-repeat;background-position:calc(100% - 12px);color:#fff;transition:all .2s ease}
/*# sourceMappingURL=main.8ab684a6.css.map*/