._button_14ubb_1{border:none;height:50px;width:300px;border-radius:none;color:var(--defualt-color);background:var(--white-color);font-size:20px;font-weight:700;cursor:pointer;display:flex;justify-content:center;align-items:center;gap:10px}._button_14ubb_1:hover{color:var(--white-color);background:var(--defualt-color)}.Home{width:100%;min-height:80vh;display:flex;flex-direction:column;gap:100px}.Home__1__section{padding-top:28vh;width:100%;display:flex;justify-content:center;align-items:center;min-height:90vh}.Home__2__section{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.Home__1__section__content{width:80%}.Home__links{display:flex;justify-content:space-around}.Home__title{font-weight:900;font-size:12vw;max-width:80vw;max-height:50vh;border-bottom:1px solid var(--defualt-color);margin:50px 0;padding-bottom:50px;text-align:center;text-shadow:0px 0px 150px var(--white-color)}.Home__secondary__title{font-weight:900;font-size:6vw;max-width:80vw;border-bottom:1px solid var(--defualt-color);margin:30px 0;padding-bottom:20px;text-align:center}.Home__2__section__image,.Home__2__section__decription{width:100%;height:100%;display:flex;justify-content:center;align-items:center;padding:40px}.Home__2__section__image img{width:100%}.Home__2__section__decription div{display:flex;flex-direction:column;gap:25px}@media (max-width: 1200px){.Home__1__section__links{gap:15px;flex-direction:column;align-items:center}.Home__2__section__image,.Home__2__section__decription{padding:15px}}@media (max-width: 600px){.Home__2__section{grid-template-columns:1fr;grid-template-rows:1fr 1fr}}@media (max-width:1200px){.Home__links{flex-direction:column;align-items:center;gap:40px}}.Posts{width:100%;min-height:100vh;display:grid;grid-template-columns:1fr 1fr 1fr}.Posts__content,.Posts__settings{padding:120px 30px 20px;width:100%;height:100%}.Posts__content{grid-column:1/3;display:flex;flex-direction:column;gap:30px}.Posts__settings{grid-column:3/4;width:100%}.Posts__comments{width:100%;border:2px solid var(--grey-color);background:var(--grey-color);border-radius:10px}.Posts__comments__empoty{padding:15px 30px}.Posts_pagination{width:100%;grid-column:1/3;padding:30px;overflow-x:scroll}.Posts_pagination div span{padding:20px 100px;color:var(--defualt-color);background:var(--white-color);cursor:pointer;margin-right:10px}.Posts_pagination div span:hover{background:var(--defualt-color);color:var(--white-color)}@media (max-width: 950px){.Posts{grid-template-columns:1fr 1fr}.Posts__content{padding-top:20px}.Posts__settings{padding-top:100px;grid-column:1/3;grid-row:1/2}}.PostItem{width:100%;min-height:20px;background:var(--grey-color);border-radius:10px;border:2px solid var(--grey-color);cursor:pointer}.PostItem__preview{border-radius:8px;width:100%;height:200px;object-fit:cover}.PostItem:hover{border:2px solid var(--white-color)}.PostItem_content{padding:30px 15px 15px;display:grid;grid-template-columns:45px 1fr 45px}.PostItem_data{display:flex;flex-direction:column;overflow-x:hidden;gap:10px}.PostItem_data p,.PostItem_data h1{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.PostItem_avatar{width:30px;height:30px;border-radius:50%;background:var(--grey-color);object-fit:cover}.PostItem__metadata{display:flex;align-items:center;gap:5px}.PostItem__metadata__conteiner{display:flex;gap:20px}.Loader{width:100%;height:100%;z-index:10;display:flex;justify-content:center;align-items:center;position:absolute;top:0;left:0;background:#00000098}.spinner-box{overflow:visible}.configure-border-1{width:115px;height:115px;padding:3px;position:absolute;display:flex;justify-content:center;align-items:center;background:var(--white-color);animation:configure-clockwise 3s ease-in-out 0s infinite alternate}.configure-border-2{width:115px;height:115px;padding:3px;left:-115px;display:flex;justify-content:center;align-items:center;background:var(--white-color);transform:rotate(45deg);animation:configure-xclockwise 3s ease-in-out 0s infinite alternate}.configure-core{width:100%;height:100%;background-color:var(--black-color)}@keyframes configure-clockwise{0%{transform:rotate(0)}25%{transform:rotate(90deg)}50%{transform:rotate(180deg)}75%{transform:rotate(270deg)}to{transform:rotate(360deg)}}@keyframes configure-xclockwise{0%{transform:rotate(45deg)}25%{transform:rotate(-45deg)}50%{transform:rotate(-135deg)}75%{transform:rotate(-225deg)}to{transform:rotate(-315deg)}}.Comment{display:grid;grid-template-columns:50px 1fr;padding:10px;margin:20px}.Comment__content{display:flex;flex-direction:column;padding-left:20px}.Comment__avatar{width:50px;height:50px;border-radius:50%;object-fit:cover}.Comment__comment{border-bottom:2px solid var(--white-color);word-break:break-all;padding:10px 0}.FullOpenPost{width:100%;min-height:100vh;padding:100px 20px 20px;display:flex;flex-direction:column;gap:40px}.FullOpenPost__content{width:100%;padding:10px;display:flex;flex-direction:column;gap:20px}.FullOpenPost__preview{width:450px;object-fit:cover;border-radius:5px}.FullOpenPost__comment,.FullOpenPost__data{border:2px solid var(--white-color);box-shadow:0 0 20px var(--white-color);background:var(--grey-color)}.FullOpenPost__data{width:100%;display:grid;grid-template-columns:50px 1fr 50px;grid-gap:10px;padding:10px}.FullOpenPost__avatar{width:50px;height:50px;border-radius:50%;object-fit:cover}.FullOpenPost__metadata{display:flex;gap:30px}.FullOpenPost__metadata div{display:flex;justify-content:center;align-items:center;gap:5px}.FullOpenPost__comment h1{margin:30px}.FullOpenPost__comment__form{width:100%;padding:20px 30px;display:flex;flex-direction:column;gap:10px}.FullOpenPost__comment__form a{border-bottom:3px solid var(--white-color)}@media (max-width: 600px){.FullOpenPost__preview{width:100%;max-height:50vh}}._Input_1tdc3_1{color:var(--defual-color);border:none;border-bottom:2px solid var(--white-color);height:40px;width:100%;background:var(--grey-color);border-radius:0;padding:5px;font-size:18px;outline:none}.Login{min-height:100vh;width:100%;display:flex;justify-content:center;align-items:center}.Login__panel{width:300px;height:400px;display:flex;flex-direction:column;align-items:center;gap:25px}.SignIn{min-height:100vh;width:100%;display:flex;justify-content:center;align-items:center}.SignIn__panel{width:300px;height:400px;display:flex;flex-direction:column;align-items:center;gap:25px}.Profile{width:100%;min-height:110vh;display:flex;justify-content:center;align-items:center}.Profile__user__data{border:2px solid var(--white-color);box-shadow:0 10px 50px var(--secondary-color);max-width:400px;min-height:450px;background:var(--black-color);display:flex;flex-direction:column;gap:20px;padding:30px;align-items:center;word-break:break-all}.Profile__user__data div{display:flex;flex-direction:column;gap:15px}.Profile__avatar{width:140px;height:140px;object-fit:cover;border-radius:50%;cursor:pointer}.Profile__logout__panel,.Profile__settings__panel{display:flex;flex-direction:column;align-items:center;gap:15px}.Profile__avatar__panel{padding:10px;width:100%;height:100%;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:1fr 1fr;overflow-x:scroll;gap:20px}.Profile__avatar__panel img{width:140px;height:140px;object-fit:cover;border-radius:50%;cursor:pointer}@media (max-width:800px){.Profile__avatar__panel{width:350px}}.Modal{width:100%;height:100%;z-index:10;display:flex;justify-content:center;align-items:center;position:absolute;top:0;left:0;background:#000000af;padding:0 40px;overflow:hidden}.Modal__conteiner{padding:35px;border-radius:10px;background:var(--black-color)}.Select{width:100%;height:40px;background:var(--grey-color);color:var(--white-color);padding:0 10px;border:none;border-bottom:2px solid var(--white-color)}.Admin{min-height:100vh;width:100%;display:grid;grid-template-columns:2fr 1fr;padding:120px 30px 30px}@media (max-width:800px){.Admin{grid-template-columns:1fr}.PostData__preview{grid-row:1/2;max-height:40vh}}.Textarea{width:100%;min-height:50px;font-size:16px;background:var(--black-color);outline:none;color:var(--white-color);border:none;border-bottom:2px solid var(--white-color);padding:5px}.Users{min-height:100vh;width:100%;padding-top:10vh;display:flex;justify-content:center;align-items:center}.Users__content{margin:30px 0;width:90%;height:80%;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr;background:var(--grey-color);border:2px solid var(--grey-color);border-radius:10px}.Users__data{height:90%;width:90%;padding:40px 30px;display:flex;flex-direction:column;gap:20px}.Users__avatar img{margin:5%;width:90%;height:90%;object-fit:cover;border-radius:10px}@media (max-width: 790px){.Users__content{grid-template-columns:1fr;grid-template-rows:2fr 1fr}.Users__data{padding:20px 10px}}@media (max-width: 610px){.Users__content{grid-template-rows:1fr 1fr}}.EditPost{min-height:100vh;width:100%;display:grid;grid-template-columns:2fr 1fr;padding:120px 30px 30px}.PostData{width:100%;height:100%;display:flex;flex-direction:column;gap:20px}.PostData__preview__image{max-width:100%;max-height:40vh;object-fit:cover;cursor:pointer;margin-left:20px}.PostData__preview{display:flex;justify-content:center;align-items:center;width:100%}.PostData__form{display:flex;flex-direction:column;gap:30px}.PostData__form div{display:flex;flex-direction:column;gap:10px}.PostData__tagItem{cursor:pointer}@media (max-width:800px){.EditPost{grid-template-columns:1fr}.PostData__preview{grid-row:1/2;max-height:40vh}}.More{min-height:100vh;padding:30px;padding-top:15vh}.More_texts{display:flex;flex-direction:column;gap:30px}.Chat{height:100vh;padding-top:10vh;display:flex;justify-content:center;align-items:center}.content{width:80vw;height:80vh}.messages{height:80%;width:100%;overflow-x:scroll}.form{height:20%;display:flex;gap:20px;flex-direction:column;align-items:center;padding:0 20px}@media (max-width:700px){.content{width:100vh;height:100%}}nav{height:10vh;position:fixed;width:100%;display:flex;justify-content:center;align-items:center;z-index:5;font-weight:600}.content_navbar{background:var(--grey-color);box-shadow:5px 5px 20px #0000001a;width:100%;padding:0 20px;height:100%}nav ul{width:100%;list-style:none;display:flex;justify-content:flex-end;align-items:center;transition:.7s;transform:translateY(-200px)}nav ul.active{gap:0;transform:translateY(0)}nav li{height:50px}nav a{border-radius:10px;transition:var(--tansition-time);height:100%;padding:0 30px;text-decoration:none;display:flex;align-items:center;margin-right:10px}nav a:hover{background-color:var(--white-color);color:var(--defualt-color)}nav li:first-child{margin-right:auto;cursor:pointer;color:var(--deep-blue-color);font-family:var(--font-six)}.sidebar{position:fixed;top:0;right:0;height:100vh;width:250px;background-color:#7a7a7a26;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:-10px 0 10px #0000001a;list-style:none;display:none;flex-direction:column;align-items:flex-start;justify-content:flex-start;font-size:24px;z-index:3}.sidebar li,.sidebar a{width:100%}.menu-button{display:none}.displayFlex{display:flex}.displayNone{display:none}@media (max-width: 1000px){.hideOnMobile{display:none}.menu-button{display:block}}@media (max-width: 400px){.sidebar{width:100%}}*{margin:0;padding:0;box-sizing:border-box;text-decoration:none;list-style:none;letter-spacing:1px;word-spacing:normal}:root{--dark-black-color: #000000;--white-color: #f0f8ff;--secondary-color: #dbdbdb8f;--defualt-color: #262626;--black-color: #111111;--grey-color: #ffffff29;--white-a-color: #ffffff50;--font-six: "Sixtyfour";--font-defualt: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;--tansition-time: .2s}body{background:var(--dark-black-color);color:var(--white-color);font-family:var(--font-defualt);background-image:radial-gradient(circle,rgba(255,255,255,.221) 1px,transparent 1px);background-size:40px 40px;width:100vw}a{color:var(--white-color)}.Footer{width:100%;min-height:20vh;background:var(--black-color);display:grid;grid-template-columns:2fr 1fr 1fr}.Footer__block{padding:30px;display:flex;flex-direction:column;gap:10px}.social__links{display:flex;gap:20px;padding:10px}@media (max-width:1000px){.Footer{grid-template-columns:1fr 1fr}.block_first{grid-column:1/3}}@media (max-width:600px){.block_first{grid-column:1/2}.Footer{grid-template-columns:1fr}.Footer__block{padding:20px}}
