@import url(https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;600;700&display=swap);.navbar{align-items:center;border-bottom:1px solid #f2f2f2;display:flex;margin:0 auto;max-width:1200px;padding:20px}.navbar h1{color:var(--primary);flex-shrink:0;font-size:1.5rem;margin-right:16px}.navbar .username{font-weight:700}.navbar .links{margin-left:auto}.navbar a,button{background:#fff;border-radius:8px;color:var(--font-color);cursor:pointer;font-family:Poppins;font-size:1rem;margin-left:16px;padding:8px 16px;text-decoration:none}.navbar a:hover{color:var(--primary)}.navbar a:hover,.navbar button:hover{box-shadow:1px 3px 5px rgba(0,0,0,.1)}.navbar button:hover{color:var(--red)}.notification-menu{background-color:#fff;border:1px solid #000;border-radius:5px;box-shadow:0 0 5px rgba(0,0,0,.5);height:inherit;position:absolute;width:200px;z-index:1}.notification-menu-header{background-color:#d3d3d3;border-top-left-radius:5px;border-top-right-radius:5px;padding:10px}.notification-menu-body{-ms-overflow-style:none;align-items:center;display:flex;flex-direction:column;flex-wrap:nowrap;height:180px;list-style:none;overflow-y:overlay;padding:10px;scrollbar-width:none}.navbar svg{height:24px;width:24px}@media screen and (max-width:768px){.navbar{flex-wrap:wrap;justify-content:center}.navbar h1{margin-bottom:16px;margin-right:0}.navbar .links{margin-top:16px}.navbar a,button{margin:8px}}@media screen and (max-width:600px){.navbar{grid-column:1/-1;grid-row:1/2}.navbar h1{font-size:1.2rem}.navbar .username{font-size:.8rem}.navbar a,button{font-size:.8rem;margin:4px;padding:4px}.navbar svg{height:16px;width:16px}}.rnc__notification-container--bottom-center,.rnc__notification-container--bottom-full,.rnc__notification-container--bottom-left,.rnc__notification-container--bottom-right,.rnc__notification-container--center,.rnc__notification-container--top-center,.rnc__notification-container--top-full,.rnc__notification-container--top-left,.rnc__notification-container--top-right{min-width:325px;pointer-events:all;position:absolute}.rnc__notification-container--bottom-center,.rnc__notification-container--center,.rnc__notification-container--top-center{align-items:center;display:flex;flex-direction:column;justify-content:center;left:calc(50% - 175px);max-width:350px}.rnc__notification-container--center{height:100%;pointer-events:none;top:20px}.rnc__notification-container--bottom-full,.rnc__notification-container--top-full{min-width:100%;width:100%}.rnc__notification-container--bottom-full{bottom:0}.rnc__util--flex-center{align-items:center;display:flex;flex-direction:column;justify-content:center;min-width:325px;pointer-events:all}.rnc__notification-container--top-center{top:20px}.rnc__notification-container--bottom-center{bottom:20px}.rnc__notification-container--top-left{left:20px;top:20px}.rnc__notification-container--top-right{right:20px;top:20px}.rnc__notification-container--bottom-left{bottom:20px;left:20px}.rnc__notification-container--bottom-right{bottom:20px;right:20px}.rnc__notification-container--mobile-bottom,.rnc__notification-container--mobile-top{pointer-events:all;position:absolute}.rnc__notification-container--mobile-top{left:20px;right:20px;top:20px}.rnc__notification-container--mobile-bottom{bottom:20px;left:20px;margin-bottom:-15px;right:20px}.rnc__notification-item--default{background-color:#007bff;border-left:8px solid #0562c7}.rnc__notification-item--default .rnc__notification-timer{background-color:#007bff}.rnc__notification-item--default .rnc__notification-timer-filler{background-color:#fff}.rnc__notification-item--default .rnc__notification-close-mark{background-color:#007bff}.rnc__notification-item--success{background-color:#28a745;border-left:8px solid #1f8838}.rnc__notification-item--success .rnc__notification-timer{background-color:#28a745}.rnc__notification-item--success .rnc__notification-timer-filler{background-color:#fff}.rnc__notification-item--success .rnc__notification-close-mark{background-color:#28a745}.rnc__notification-item--danger{background-color:#dc3545;border-left:8px solid #bd1120}.rnc__notification-item--danger .rnc__notification-timer{background-color:#dc3545}.rnc__notification-item--danger .rnc__notification-timer-filler{background-color:#fff}.rnc__notification-item--danger .rnc__notification-close-mark{background-color:#dc3545}.rnc__notification-item--info{background-color:#17a2b8;border-left:8px solid #138b9e}.rnc__notification-item--info .rnc__notification-timer{background-color:#17a2b8}.rnc__notification-item--info .rnc__notification-timer-filler{background-color:#fff}.rnc__notification-item--info .rnc__notification-close-mark{background-color:#17a2b8}.rnc__notification-item--warning{background-color:#eab000;border-left:8px solid #ce9c09}.rnc__notification-item--warning .rnc__notification-timer{background-color:#eab000}.rnc__notification-item--warning .rnc__notification-timer-filler{background-color:#fff}.rnc__notification-item--warning .rnc__notification-close-mark{background-color:#eab000}.rnc__notification-item--awesome{background-color:#685dc3;border-left:8px solid #4c3fb1}.rnc__notification-item--awesome .rnc__notification-timer{background-color:#685dc3}.rnc__notification-item--awesome .rnc__notification-timer-filler{background-color:#fff}.rnc__notification-item--awesome .rnc__notification-close-mark{background-color:#685dc3}@-webkit-keyframes timer{0%{width:100%}to{width:0}}@keyframes timer{0%{width:100%}to{width:0}}.rnc__base{height:100%;pointer-events:none;position:fixed;width:100%;z-index:9000}.rnc__notification-item{border-radius:3px;box-shadow:1px 3px 4px rgba(0,0,0,.2);cursor:pointer;display:flex;margin-bottom:15px;position:relative}.rnc__notification-container--bottom-full .rnc__notification-item,.rnc__notification-container--top-full .rnc__notification-item{border-radius:0;margin-bottom:0}.rnc__notification-container--bottom-full .rnc__notification,.rnc__notification-container--top-full .rnc__notification{width:100%!important}.rnc__notification-timer{margin-top:10px;width:100%}.rnc__notification-timer,.rnc__notification-timer-filler{border-radius:5px;height:3px}.rnc__notification-title{color:#fff;font-size:14px;font-weight:700;margin-bottom:5px;margin-top:5px}.rnc__notification-message{word-wrap:break-word;color:#fff;font-size:14px;line-height:150%;margin-bottom:0;margin-top:0;max-width:calc(100% - 15px)}.rnc__notification-content{display:inline-block;padding:8px 15px;width:100%}.rnc__notification-close-mark{border-radius:50%;display:inline-block;height:18px;position:absolute;right:10px;top:10px;width:18px}.rnc__notification-close-mark:after{color:#fff;content:"\D7";font-size:12px;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.rnc__notification-container--mobile-bottom .notification,.rnc__notification-container--mobile-bottom .rnc__notification-item,.rnc__notification-container--mobile-top .notification,.rnc__notification-container--mobile-top .rnc__notification-item{max-width:100%;width:100%}.rnc__notification-container--bottom-right .notification,.rnc__notification-container--top-right .notification{margin-left:auto}.rnc__notification-container--bottom-left .notification,.rnc__notification-container--top-left .notification{margin-right:auto}.rnc__notification-container--mobile-bottom .notification,.rnc__notification-container--mobile-top .notification{margin-left:auto;margin-right:auto}.like-button{background-color:initial;border:none;box-shadow:0 4px 8px 0 rgba(0,0,0,.2);content:"favorite";display:flex;font-family:Quicksand;font-size:16px;margin:0;padding:8px;text-align:center;text-decoration:none;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;width:auto}.like-button:hover{-webkit-transform:scale(.9);transform:scale(.9)}.blog-details{border:1px solid #fafafa;margin:20px 0;padding:50px}.blog-details .blog-title{color:var(--primary);margin-bottom:8px}.blog-details div{color:#000;margin:20px 0}.blog-details a{color:var(--primary);text-decoration:none}.blog-details .blog-body{background-color:#fafafa;color:#240f0f;line-height:1.5;margin:10px 0;padding:0 16px}.blog-content article{padding:16px}.blog-content img{height:100%;object-fit:contain;width:100%}#read-blog{margin-bottom:100px}.comments{margin:20px 0}.comment{border:1px var(--primary);padding:10px}.comment-body{color:var(--font-color);font-weight:700}.comment .comment-body:hover{background:#fafafa}.create-comment button:hover{background:#16e807;box-shadow:1px 3px 5px 2px rgba(0,0,0,.1)}.create-comment{align-items:stretch;display:flex;flex-direction:column;margin:20px 0}.create-comment textarea{border:1px double #fafafa;border-color:var(--primary);border-radius:12px;display:inline;height:25px;margin:10px 0;padding:10px}.create-comment button{background:var(--primary);border:none;color:#fff;padding:8px}.create-comment .error{color:var(--red)}.delete-button button{background-color:var(--primary);border:none;color:#fff;padding:8px}.delete-button button:hover{background:#e7195a;box-shadow:1px 3px 5px 2px rgba(0,0,0,.1);color:var(--red)}@media screen and (max-width:600px){.blog-details{padding:4px}}h4{color:var(–primary);font-size:24px;margin-bottom:20px;text-align:center}.create{grid-gap:20px;display:grid;grid-template-columns:1fr 1fr}.create div{border:1px solid #ddd;border-radius:4px;box-shadow:inset 2px 2px 4px rgba(0,0,0,.1);display:flex;height:100%;transition:all .3s ease-in-out}.create form{align-items:center;display:flex;flex-direction:column;height:100%}.create label{color:var(–primary);font-size:16px;margin-bottom:10px}.create input,.create select,.create textarea{border:1px solid #ddd;border-radius:4px;box-shadow:inset 2px 2px 4px rgba(0,0,0,.1);padding:10px;transition:all .3s ease-in-out;width:80%}.create input:focus,.create select:focus,.create textarea:focus{border-color:var(–primary);box-shadow:inset 4px 4px 8px rgba(0,0,0,.2);outline:none}.create .title-input{font-size:20px;font-weight:700}.create .body-textarea{height:300px;resize:none}.create .space-list{color:#666;font-size:14px}.create button{background-image:linear-gradient(to right,var(–primary),var(–secondary));border:1px solid #ddd;border-radius:4px;cursor:pointer;margin-top:20px;padding:10px;width:200px}.create button:hover{box-shadow:4px 4px 8px rgba(0,0,0,.2);-webkit-transform:scale(1.05);transform:scale(1.05);transition:all .3s ease-in-out}.create button:focus{box-shadow:inset 4px 4px 8px rgba(0,0,0,.2);outline:none}.create button[disabled]{background-image:none;box-shadow:none;cursor:not-allowed;opacity:.5}@media screen and (max-width:600px){.create{grid-template-columns:auto;max-width:90%}.create input,.create select,.create textarea{width:95%}.create button{width:150px}.space-list label{font-size:12px}.space-list{flex-wrap:wrap;margin:10px 0;padding:5px}}.blog-list{grid-gap:20px;display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin:12px auto;max-width:800px}.blog-preview{background:#fafafa;border:1px solid #ddd;border-radius:8px;justify-content:space-between;padding:4px}.blog-header h2{font-size:24px;font-weight:700;margin-bottom:10px}.blog-link{color:var(--primary);text-decoration:none}.blog-header{align-items:flex-end;display:flex;flex-direction:row;justify-content:space-evenly}time{display:flex;font-size:14px}.blog-excerpt p,time{color:#666;margin-bottom:5px;padding:5px}.blog-excerpt p{-webkit-line-clamp:6;-webkit-box-orient:vertical;display:grid;display:-webkit-box;font-size:18px;font-weight:600;line-height:1.5;max-height:100%;max-width:100%;overflow:hidden;text-overflow:ellipsis}.blog-excerpt p *{height:100%;object-fit:contain;width:100%}.blog-excerpt .arabic{direction:rtl;text-align:right}.blog-meta{flex-direction:column;flex-direction:row;flex-wrap:wrap;justify-content:space-between}.blog-meta,.blog-meta .author-link{align-items:center;color:#666;display:flex;font-size:14px}.blog-meta .author-link{font-family:Roboto,sans-serif;margin-bottom:5px;margin-right:15px;text-decoration:none}.blog-meta p{align-items:center;display:flex;margin-bottom:5px;margin-right:15px}.blog-meta p:before{background-repeat:no-repeat;background-size:cover;content:"";height:16px;margin-left:5px;margin-right:10px;padding:2px;width:16px}.likes-count{align-items:center;background-color:initial;border:none;color:#666;cursor:pointer;display:flex;font-size:14px;margin-bottom:5px;margin-right:15px;padding:0}.likes-count:before{background-repeat:no-repeat;background-size:cover;content:"";height:16px;margin-left:5px;margin-right:10px;padding:2px;width:16px}.created-at{color:#666;font-size:14px;font-style:italic;font-weight:700;text-align:right}.author{font-family:Roboto,sans-serif}.comms-count{align-items:center;background-color:initial;border:none;color:#666;display:flex;font-size:14px;margin-bottom:5px;margin-right:15px;padding:0}@media screen and (max-width:600px){.blog-preview{margin-left:4px;margin-right:4px}.space-page .blog-list{grid-template-columns:1fr}}.login input{border:1px solid #ddd;border-radius:4px;box-sizing:border-box;margin-bottom:20px;margin-top:10px;padding:10px;width:100%}.login form button{background:var(--primary);border:0;border-radius:4px;color:#fff;cursor:pointer;font-family:Poppins;padding:10px}.login form.signup,form.login{background:#fff;border-radius:4px;margin:40px auto;max-width:400px;padding:20px}.user-profile{align-items:center;display:flex;flex-direction:column;margin:0 auto;max-width:800px}.user-profile h1{color:#0a684e;font-size:32px;margin-bottom:20px}.user-profile h2{color:#0a684e;font-size:24px;margin-bottom:10px}.user-profile .user-information{background-color:#f2f2f2;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);margin-bottom:20px;padding:20px}.user-profile .user-information p{font-size:18px;margin:0 0 10px}.user-profile .user-information p:first-child{font-weight:700;margin-bottom:20px}.user-profile .user-information p:last-child{margin-bottom:0}.user-profile .user-information span{font-weight:700;margin-right:10px}.user-profile .user-information .date{font-style:italic}.user-information{border:1px solid #ccc;border-radius:10px;box-shadow:2px 2px 5px rgba(0,0,0,.1);margin:20px auto}.user-info{grid-gap:50px;display:grid;gap:50px;grid-template-columns:1fr 1fr;padding:10px}.card-header{align-items:center;display:flex;justify-content:space-between;padding:10px}.card-header button{cursor:pointer}.card-header button,.follow{background-color:#00a0d2;border:none;border-radius:5px;color:#fff;padding:5px 10px}.follow:hover{background-color:#008fb3}.follow:disabled{background-color:#ccc}.user-spaces-list{display:flex;flex-direction:column;flex-wrap:nowrap;gap:10px;height:300px;margin:10px 0;overflow-y:scroll;scroll-behavior:auto}.search-curr-spaces{box-sizing:border-box;padding:10px;width:59%}.search-curr-spaces,.space{border:1px solid #ddd;border-radius:4px}.space{box-shadow:1px 3px 5px rgba(0,0,0,.1);height:100px;width:200px}.space-link{align-items:center;color:var(--primary);display:flex;justify-content:center;padding:8px;text-decoration:none}.space-link:hover{background-color:#f2f2f2}@media screen and (max-width:600px){.user-profile{flex-direction:column;justify-content:space-around;max-width:100%}.user-info{gap:20px}.user-info,.user-profile .blog-list{grid-template-columns:1fr}}.user-list{margin:0 auto;max-width:800px}.user-list h2{color:var(--primary);font-size:24px;margin-bottom:30px;text-align:center}.user-list li{align-items:center;border-radius:8px;cursor:pointer;display:flex;list-style:none;margin-bottom:50px;margin-left:50px;margin-right:50px;padding:15px}.user-list li:hover{box-shadow:2px 4px 8px rgba(0,0,0,.1)}.user-list li a{color:var(--primary);text-decoration:none}.user-list li .username{font-size:18px;font-weight:700;margin-right:20px}.user-list li .counts-container{flex-grow:1;justify-content:space-between}.counts-container p,.user-list li .counts-container{align-items:center;color:#666;display:flex;font-size:14px}.counts-container p{margin:0;padding:0}.count-label{font-weight:700;margin-right:5px}.counts-container p:before{background-repeat:no-repeat;background-size:cover;content:"";height:16px;margin-left:5px;margin-right:10px;padding:2px;width:16px}.user-icon{align-items:center;display:flex;flex-direction:row;justify-content:space-between}@media screen and (max-width:600px){.user-list li{flex-direction:column}.user-list li .username{margin-bottom:10px;margin-right:0}.user-list li .counts-container{align-items:flex-start;flex-direction:column}.counts-container p{margin-bottom:5px}}body{color:#333;font-family:Quicksand,sans-serif;font-weight:500;margin:0}:root{--font-color:#333;--primary:#1aac83;--secondary:#f2f2f2;--red:#e7195a;--success:#5adb4e}.error{border:1px solid #e7195a;border:1px solid var(--red);border-radius:4px;color:#e7195a;color:var(--red)}.error,.success{background:#ffefef;margin:20px 0;padding:10px}.success{border:1px solid #5adb4e;border:1px solid var(--success);border-radius:4px;color:#5adb4e;color:var(--success)}input.error{border:1px solid #e7195a;border:1px solid var(--red)}.home{grid-gap:100px;display:grid;gap:100px;grid-template-columns:3fr 1fr}.not-found{margin:0 auto;max-width:400px;text-align:center}.not-found h2{color:#1aac83;color:var(--primary);font-size:20px;margin-bottom:30px}.not-found p{margin:10px 0}.not-found a{color:#1aac83;color:var(--primary);text-decoration:none}.arabic{direction:rtl;text-align:right}.blog-title{align-items:center;display:flex;flex-direction:column;justify-content:space-between}#blog-content{font-size:large;font-weight:500;line-height:1.5;max-height:100%;max-width:100%}.space-header{align-items:flex-end;display:flex;flex-direction:row}.space-header span{color:#666;font-size:12px;font-style:italic;font-weight:700}.side-bar{align-items:stretch;background:#fafafa;border:8px;box-shadow:0 4px 8px 0 rgba(0,0,0,.2);display:flex;flex-direction:column;flex-wrap:nowrap;height:100vh;overflow-y:auto;position:-webkit-sticky;position:sticky;top:0}.side-bar .side-bar-nav{align-items:center;display:flex;flex-direction:row;justify-content:center}.side-bar .space-name{display:inline-flex;justify-content:center;margin:8px}.sidebar button .active{background:#1aac83;background:var(--primary);border-color:#1aac83;border-color:var(--primary)}.side-bar button{align-items:center;border:1px solid #ddd;border-radius:8px;border-radius:4px;cursor:pointer;font-family:Poppins;font-size:1rem;margin-bottom:10px;margin-left:16px;margin-top:10px;padding:8px 16px}.side-bar button:hover{box-shadow:1px 3px 5px rgba(0,0,0,.1);color:#1aac83;color:var(--primary)}.create-blog-form,.create-space-from{align-items:center;border:1px solid #ddd;border-radius:4px;box-sizing:border-box;display:flex;flex-direction:column;margin-bottom:10px;margin-top:10px;padding:10px}.side-bar textarea{color:#666;font-size:14px;font-weight:600;height:200px;resize:vertical}.side-bar input,.side-bar textarea,select{border:2px solid #ddd;border-radius:4px;box-sizing:border-box;margin-bottom:20px;margin-top:10px;padding:10px;width:100%}.side-bar input,select{text-align:center}.space-chat{align-items:center;background-color:#f0f0f0;border-radius:8px;display:flex;flex-direction:column-reverse;height:inherit;justify-content:flex-end;margin:8px;padding:8px 0 8px 8px}.space-chat-msgs{-ms-overflow-style:none;display:flex;flex-direction:column;height:inherit;list-style:none;overflow-y:overlay;padding-left:8px;padding-right:4px;scrollbar-width:none}.space-chat-msgs::-webkit-scrollbar{display:none}.space-chat-msgs li{align-items:center;display:flex;flex-direction:column;margin-bottom:10px;margin-right:5px}.space-chat-msgs li p:first-child{background-color:#fff;border-radius:10px;margin-bottom:0;padding:5px}.space-chat-msgs li p:last-child{color:#999;font-size:12px}.msg-form{align-items:flex-start;display:flex;flex-direction:row}.msg-form input{flex-grow:1}.msg-form button,.msg-form input{border:none;border-radius:10px;padding:10px}.msg-form button{background-color:#00f;color:#fff;display:inline-flex}.space-user-list,.space-user-list ul{align-items:stretch;display:flex;flex-direction:column}.space-user-list ul{height:300px;list-style:none;overflow-y:scroll;padding-left:8px;padding-right:4px;width:inherit}.space-user-list li{align-items:center;border-radius:8px;cursor:pointer;display:flex;font-size:12px;font-weight:700;justify-content:center;list-style:none;margin:8px 8px 8px 50px;padding:15px}.space-user-list li:hover{box-shadow:2px 4px 8px rgba(0,0,0,.1)}.space-user-list li a{color:#1aac83;color:var(--primary);text-decoration:none}.space-user-list li .username{font-size:12px;font-weight:700;margin-right:8px}@media screen and (max-width:600px){.home{gap:0;grid-template-columns:1fr;grid-template-rows:auto 1fr}.space-header{display:none}.side-bar{height:auto;order:-1}.side-bar *,.side-bar button{font-size:.8rem}.space-chat{height:420px;overflow-y:auto}}
/*# sourceMappingURL=main.f7583617.css.map*/