@import url(https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;600;700&display=swap);@-webkit-keyframes rotation-c629372e{to{transform:rotate(1turn)}}@keyframes rotation-c629372e{to{transform:rotate(1turn)}}div[data-v-c629372e]{height:100%;width:100%;position:fixed;top:0;left:0;background-color:#000;transition:1s;opacity:.7;color:#fff;display:flex;align-items:center;justify-content:center;z-index:99}div span[data-v-c629372e]{height:50px;width:50px;border-radius:50%;border:2px solid #fff;border-color:#fff transparent #fff transparent;-webkit-animation:rotation-c629372e .9s ease-in-out infinite;animation:rotation-c629372e .9s ease-in-out infinite}.modal[data-v-7999aaa3]{display:flex;justify-content:center;align-items:center;flex-direction:row;position:fixed;height:100vh;top:0;left:0;width:100%;z-index:100;background-color:rgba(0,0,0,.7);opacity:1}.modal .modalContent[data-v-7999aaa3]{display:flex;justify-content:center;align-items:center;flex-direction:column;border-radius:8px;padding:40px 30px;background-color:#fff;width:90%;max-width:325px}.modal .modalContent p[data-v-7999aaa3]{text-align:center}.modal .modalContent div[data-v-7999aaa3]{display:flex;flex-direction:row;flex-wrap:wrap;gap:15px}.modal .modalContent div button[data-v-7999aaa3]{margin-top:20px;display:flex;align-items:center;text-align:center;padding:12px 24px;color:#fff;background-color:#303030;border-radius:20px;text-decoration:none;border:none;transition:1s;cursor:pointer}.modal .modalContent div button[data-v-7999aaa3]:hover{background-color:gray}.modal .modalContent img[data-v-7999aaa3]{width:95%;max-height:470px}.modal .modalImg[data-v-7999aaa3]{max-width:900px}.notifications .modal-content .allNotifications .wrapper .notification .user[data-v-1451b460]{display:flex;align-items:center;justify-content:center;text-align:center;background-color:#000;border:1px solid #000;color:#fff;height:40px;width:40px;padding:8px;border-radius:50%;text-transform:uppercase;cursor:pointer}.notifications .modal-content .btn-container button[data-v-1451b460]{text-align:center;padding:12px 24px;color:#fff;background-color:#303030;border-radius:20px;text-decoration:none;border:none;transition:1s;cursor:pointer}.notifications .modal-content .btn-container button[data-v-1451b460]:hover{background-color:gray}.notifications[data-v-1451b460]{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:98;display:flex;justify-content:center;align-items:center;flex-direction:row;background-color:rgba(0,0,0,.7)}.notifications .modal-content[data-v-1451b460]{display:flex;flex-direction:column;border-radius:8px;padding:40px 30px;background-color:#fff;width:90%;max-width:400px}.notifications .modal-content .params[data-v-1451b460]{display:flex;justify-content:space-between;align-items:center;flex-direction:row;gap:10px;flex-wrap:wrap}.notifications .modal-content .params .title[data-v-1451b460]{font-weight:500;font-size:18px}.notifications .modal-content .params .clearAll[data-v-1451b460]{color:blue;transition:.3s;cursor:pointer}.notifications .modal-content .params .clearAll[data-v-1451b460]:hover{color:#366dd5}.notifications .modal-content .params .disabled[data-v-1451b460]{pointer-events:none;color:gray}.notifications .modal-content .centerInfos[data-v-1451b460]{align-items:center;justify-content:center}.notifications .modal-content .allNotifications[data-v-1451b460]{display:flex;flex-direction:column;margin-top:25px;gap:15px;height:200px;overflow-y:scroll;-ms-overflow-style:none;scrollbar-width:none}.notifications .modal-content .allNotifications[data-v-1451b460]::-webkit-scrollbar{display:none}.notifications .modal-content .allNotifications h4[data-v-1451b460]{text-align:center;font-size:32px}.notifications .modal-content .allNotifications .wrapper .notification[data-v-1451b460]{display:flex;align-items:center;gap:10px;padding:10px;border-radius:8px;transition:.5s}.notifications .modal-content .allNotifications .wrapper .notification h3[data-v-1451b460]{transition:.3s;cursor:pointer}.notifications .modal-content .allNotifications .wrapper .notification h3[data-v-1451b460]:hover{color:blue}.notifications .modal-content .allNotifications .wrapper .notification .content[data-v-1451b460]{display:flex;flex-direction:column;gap:10px}.notifications .modal-content .allNotifications .wrapper hr[data-v-1451b460]{margin-top:10px}.notifications .modal-content .allNotifications .wrapper .readed[data-v-1451b460]{background-color:gray}.notifications .modal-content .allNotifications .wrapper .readed h3[data-v-1451b460]:hover{color:#fff}.notifications .modal-content .btn-container[data-v-1451b460]{margin-top:20px;text-align:center}ul .user[data-v-27a26dd8]{display:flex;align-items:center;justify-content:center;text-align:center;background-color:#000;border:1px solid #000;color:#fff;height:40px;width:40px;padding:8px;border-radius:50%;text-transform:uppercase;cursor:pointer}header[data-v-27a26dd8]{position:relative;display:flex;justify-content:space-between;align-items:center;flex-direction:row;padding:30px;background-color:#fff;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}header a[data-v-27a26dd8]{text-decoration:none;color:#000;cursor:pointer}header .brand[data-v-27a26dd8]{font-weight:700;font-size:1.5rem}ul[data-v-27a26dd8]{display:flex;align-items:center;z-index:3;gap:45px}@media screen and (max-width:750px){ul[data-v-27a26dd8]{gap:0}}ul .user span[data-v-27a26dd8]{pointer-events:none}ul .user span[data-v-27a26dd8]::-moz-selection{background-color:transparent}ul .user span[data-v-27a26dd8]::selection{background-color:transparent}ul .user .noNotification[data-v-27a26dd8]{display:none}ul a[data-v-27a26dd8]{font-weight:500;transition:.5s}ul a[data-v-27a26dd8]:hover{color:#41b883}@media screen and (max-width:750px){ul a[data-v-27a26dd8]{margin:10px 0;color:#fff}}ul .notification[data-v-27a26dd8]{position:relative}ul .notification svg[data-v-27a26dd8]{position:absolute;display:flex;justify-content:center;align-items:center;flex-direction:row;border:1px solid #000;top:-5px;right:-2px;height:18px;width:18px;font-size:12px;background-color:#fff;border-radius:50%}@media screen and (max-width:750px){ul .notification svg[data-v-27a26dd8]{display:none}}ul .user-details[data-v-27a26dd8]{display:flex;flex-direction:column;position:absolute;transition:.5s;z-index:97;top:100px;right:-300px;width:100%;max-width:300px;background-color:#303030;color:#fff;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}@media screen and (max-width:750px){ul .user-details[data-v-27a26dd8]{top:185px;right:0}}@media screen and (max-width:230px){ul .user-details[data-v-27a26dd8]{top:205px}}ul .user-details[data-v-27a26dd8]:before{content:"";position:absolute;transition:1s;background-color:#303030;height:20px;width:20px;transform:rotate(224deg);top:-10px;right:4px}@media screen and (max-width:750px){ul .user-details[data-v-27a26dd8]:before{display:none}}ul .user-details .infos[data-v-27a26dd8]{display:flex;justify-content:center;align-items:center;flex-direction:row;padding:15px;-moz-column-gap:15px;column-gap:15px}ul .user-details .infos .menu[data-v-27a26dd8]{position:relative;color:#000}ul .user-details .infos .menu .notificationCount[data-v-27a26dd8]{display:flex;justify-content:center;align-items:center;flex-direction:row;position:absolute;border:1px solid #000;top:-8px;right:-2px;height:21px;width:21px;font-size:12px;background-color:#fff;border-radius:50%}ul .user-details .infos p[data-v-27a26dd8]{font-size:14px}@media screen and (max-width:350px){ul .user-details .infos p[data-v-27a26dd8]{font-size:11px}}ul .user-details hr[data-v-27a26dd8]{height:1px;border:transparent;background-color:#fff}ul .user-details .options[data-v-27a26dd8]{padding:15px;display:flex;align-items:flex-start;flex-direction:column;row-gap:15px}ul .user-details .options .option[data-v-27a26dd8]{display:flex;justify-content:flex-start;align-items:center;flex-direction:row;color:#fff;font-weight:300;cursor:pointer}@media screen and (max-width:750px){ul .user-details .options .option[data-v-27a26dd8]{margin:0;color:#fff}}ul .user-details .options .option svg[data-v-27a26dd8]{height:18px;width:18px}ul .user-details .options .option p[data-v-27a26dd8]{font-size:14px;margin-left:12px}ul .user-details .options .option[data-v-27a26dd8]:nth-child(2):hover{cursor:pointer}ul .showDiv[data-v-27a26dd8]{right:36px}@media screen and (max-width:750px){ul .showDiv[data-v-27a26dd8]{right:300px}ul[data-v-27a26dd8]{position:fixed;display:flex;justify-content:flex-start;align-items:flex-start;flex-direction:column;padding:20px;width:70%;max-width:250px;height:100vh;top:0;left:-250px;background-color:#303030;transition:1s}}.bars[data-v-27a26dd8]{position:relative;display:none;cursor:pointer;top:2px}@media screen and (max-width:750px){.bars[data-v-27a26dd8]{display:flex;height:25px;width:25px}}.bell[data-v-27a26dd8]{display:none}@media screen and (max-width:750px){.bell[data-v-27a26dd8]{display:flex;justify-content:center;align-items:center;flex-direction:row;position:absolute;border:1px solid #000;top:22px;right:20px;height:18px;width:18px;font-size:12px;background-color:#fff;border-radius:50%}}.newUl[data-v-27a26dd8]{left:0}*{margin:0;padding:0;box-sizing:border-box;font-family:Quicksand,sans-serif}#app{display:flex;flex-direction:column;min-height:100vh;overflow:hidden}#app ::-moz-selection{background-color:#42b883}#app ::selection{background-color:#42b883}#app figure{display:table;margin:1rem auto}#app pre{color:#000;background:0 0;text-shadow:0 1px #fff;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;hyphens:none;background:#f5f2f0;padding:1em;margin:.5em 0;overflow:auto}#app figure figcaption{color:#999;display:block;margin-top:.25rem;text-align:center}#app hr{border-color:#ccc;border-style:solid;border-width:1px 0 0 0}#app code{background-color:#e8e8e8;border-radius:3px;padding:.1rem .2rem}#app .mce-content-body:not([dir=rtl]) blockquote{border-left:2px solid #ccc;margin-left:1.5rem;padding-left:1rem}#app .mce-content-body[dir=rtl] blockquote{border-right:2px solid #ccc;margin-right:1.5rem;padding-right:1rem}#app .html-blog img{max-width:850px;width:100%;height:auto}@-webkit-keyframes rotation-6cc059fa{to{transform:rotate(1turn)}}@keyframes rotation-6cc059fa{to{transform:rotate(1turn)}}.blog-post-container:nth-child(2n) .blogImg[data-v-6cc059fa]{order:1}.blog-post-container:nth-child(2n) .blog-content[data-v-6cc059fa]{order:2}.blog-post-container[data-v-6cc059fa]{display:flex;justify-content:center;align-items:center;flex-direction:row;height:650px}@media screen and (max-width:700px){.blog-post-container[data-v-6cc059fa]{flex-direction:column;height:unset}}.blog-post-container .blog-content[data-v-6cc059fa]{width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;flex:3;height:100%}@media screen and (max-width:800px){.blog-post-container .blog-content[data-v-6cc059fa]{flex:4}}@media screen and (max-width:700px){.blog-post-container .blog-content[data-v-6cc059fa]{order:2}}.blog-post-container .blog-content .blog-content-wrapper[data-v-6cc059fa]{width:100%;padding:0 24px;max-width:375px}@media screen and (max-width:700px){.blog-post-container .blog-content .blog-content-wrapper[data-v-6cc059fa]{max-width:340px;padding:72px 24px}}.blog-post-container .blog-content .blog-content-wrapper h2[data-v-6cc059fa]{font-weight:300;font-size:40px;text-transform:uppercase}@media screen and (max-width:700px){.blog-post-container .blog-content .blog-content-wrapper h2[data-v-6cc059fa]{font-size:32px}}@media screen and (max-width:400px){.blog-post-container .blog-content .blog-content-wrapper h2[data-v-6cc059fa]{font-size:25px}}.blog-post-container .blog-content .blog-content-wrapper p[data-v-6cc059fa]{margin:25px 0;font-size:15px;font-weight:300;line-height:1.7}.blog-post-container .blog-content .blog-content-wrapper .posts-a[data-v-6cc059fa]{color:#000}.blog-post-container .blog-content .blog-content-wrapper .posts-a[data-v-6cc059fa]:hover{-webkit-text-decoration-color:#000;text-decoration-color:#000}.blog-post-container .blog-content .blog-content-wrapper .welcome-a[data-v-6cc059fa]{color:#fff}.blog-post-container .blog-content .blog-content-wrapper .welcome-a[data-v-6cc059fa]:hover{-webkit-text-decoration-color:#fff;text-decoration-color:#fff}.blog-post-container .blog-content .blog-content-wrapper a[data-v-6cc059fa]{display:flex;align-items:center;margin-top:32px;-webkit-text-decoration:underline .2px hsla(0,0%,100%,0);text-decoration:underline .2px hsla(0,0%,100%,0);text-underline-offset:3px;transition:.3s;padding-top:10px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.blog-post-container .blog-content .blog-content-wrapper a svg[data-v-6cc059fa]{margin-left:5px;height:15px;width:15px}.blog-post-container .blog-content .blog-content-wrapper .tags[data-v-6cc059fa]{display:flex;flex-direction:row;gap:5px;margin-top:15px;width:100%;overflow-y:scroll;-ms-overflow-style:none;scrollbar-width:none}.blog-post-container .blog-content .blog-content-wrapper .tags[data-v-6cc059fa]::-webkit-scrollbar{display:none}.blog-post-container .blog-content .blog-content-wrapper .tags .tag[data-v-6cc059fa]{transition:.5s;padding:6px;font-size:13px;border-radius:8px;background-color:#303030;color:#fff;border:1px solid #000;cursor:pointer}.blog-post-container .blog-content .blog-content-wrapper .tags .tag[data-v-6cc059fa]:hover{border-color:gray;background-color:gray}.blog-post-container .blogImg[data-v-6cc059fa]{display:flex;justify-content:center;align-items:center;flex-direction:row;flex:4;height:100%;overflow:hidden}@media screen and (max-width:800px){.blog-post-container .blogImg[data-v-6cc059fa]{flex:3}}@media screen and (max-width:700px){.blog-post-container .blogImg[data-v-6cc059fa]{width:100%;flex:unset;order:1}}.blog-post-container .blogImg img[data-v-6cc059fa]{height:100%;width:100%;-o-object-fit:cover;object-fit:cover;display:none}.blog-post-container .blogImg .loader[data-v-6cc059fa]{height:50px;width:50px;border-radius:50%;border:2px solid #fff;border-color:#000 transparent #000 transparent;-webkit-animation:rotation-6cc059fa .9s ease-in-out infinite;animation:rotation-6cc059fa .9s ease-in-out infinite}.blog-post-container .blogImg .welcomeLoader[data-v-6cc059fa]{border-color:#fff transparent #fff transparent}.blog-post-container .blogImg .displayed[data-v-6cc059fa]{display:flex}@media screen and (max-width:700px){.blog-post-container .setHight[data-v-6cc059fa]{min-height:300px}}.welcome[data-v-6cc059fa]{background-color:#303030;color:#fff}.main[data-v-2c86e07a]{display:flex;flex-direction:column}@-webkit-keyframes rotation-7c0b36d1{to{transform:rotate(1turn)}}@keyframes rotation-7c0b36d1{to{transform:rotate(1turn)}}.card-wrapper[data-v-7c0b36d1]{display:flex;justify-content:center;align-items:center;flex-direction:column;border-radius:8px;min-height:420px;text-decoration:none;transition:.5s;background-color:#fff;color:#000}.card-wrapper[data-v-7c0b36d1]:hover{transform:rotate(-1deg);box-shadow:0 1px 2px 0 rgba(60,64,67,.3),0 2px 6px 2px rgba(60,64,67,.15)}.card-wrapper .card-img[data-v-7c0b36d1]{display:flex;justify-content:center;align-items:center;flex-direction:row;position:relative;width:100%;max-height:200px;min-height:200px}.card-wrapper .card-img .loader[data-v-7c0b36d1]{height:50px;width:50px;border-radius:50%;border:2px solid #fff;border-color:#000 transparent #000 transparent;-webkit-animation:rotation-7c0b36d1 .9s ease-in-out infinite;animation:rotation-7c0b36d1 .9s ease-in-out infinite}.card-wrapper .card-img .bgImg[data-v-7c0b36d1]{width:100%;height:100%;border-top-left-radius:8px;border-top-right-radius:8px;min-height:200px;-o-object-fit:cover;object-fit:cover;display:none}.card-wrapper .card-img .displayed[data-v-7c0b36d1]{display:flex}.card-wrapper .card-img .card-edit-icons[data-v-7c0b36d1]{position:absolute;background-size:35%;background-repeat:no-repeat;background-position:50%;border:1px solid #000;top:5px;right:5px;height:40px;width:40px;padding:0;transition:.5s;border-radius:50%;background-color:#fff;cursor:pointer}.card-wrapper .card-img .card-edit-icons[data-v-7c0b36d1]:hover{background-color:#bcb6b6}.card-wrapper .card-img .edit[data-v-7c0b36d1]{background-image:url(/img/edit-regular.4c486ea6.svg);right:50px}.card-wrapper .card-img .delete[data-v-7c0b36d1]{background-image:url(/img/trash-regular.543439a8.svg)}.card-wrapper .card-content[data-v-7c0b36d1]{display:flex;justify-content:center;align-items:flex-start;flex-direction:column;padding:32px 16px;height:100%;width:100%}.card-wrapper .card-content h4[data-v-7c0b36d1]{font-size:20px;font-weight:300}.card-wrapper .card-content h6[data-v-7c0b36d1]{font-size:12px;font-weight:400;margin-top:12px}.card-wrapper .card-content a[data-v-7c0b36d1]{display:flex;justify-content:center;align-items:center;flex-direction:row;font-weight:500;font-size:12px;color:#000;justify-self:flex-end;text-decoration:none;-webkit-text-decoration:underline .2px hsla(0,0%,100%,0);text-decoration:underline .2px hsla(0,0%,100%,0);text-underline-offset:3px;transition:.3s;margin-top:auto}.card-wrapper .card-content a[data-v-7c0b36d1]:hover{-webkit-text-decoration-color:#000;text-decoration-color:#000}.card-wrapper .card-content a svg[data-v-7c0b36d1]{height:9px;width:9px;margin-left:3px}.card-wrapper .card-content .tags[data-v-7c0b36d1]{display:flex;flex-direction:row;flex-wrap:wrap;gap:5px;margin-top:15px;width:100%}.card-wrapper .card-content .tags .tag[data-v-7c0b36d1]{transition:.5s;padding:6px;font-size:13px;border-radius:8px;background-color:#303030;color:#fff;border:1px solid #000;cursor:pointer}.card-wrapper .card-content .tags .tag[data-v-7c0b36d1]:hover{border-color:gray;background-color:gray}.card-wrapper .card-content .homepage-padding[data-v-7c0b36d1]{padding-bottom:15px}.card-wrapper .likes-comments-saved[data-v-7c0b36d1]{display:flex;margin:15px 0;flex-wrap:wrap;gap:10px 30px;width:100%}.card-wrapper .likes-comments-saved div[data-v-7c0b36d1]{display:flex;align-items:center}.card-wrapper .likes-comments-saved div span[data-v-7c0b36d1]{font-size:20px;margin-left:5px}.card-wrapper .likes-comments-saved div svg[data-v-7c0b36d1]{height:25px;width:25px;cursor:pointer}.card-wrapper .likes-comments-saved div svg path[data-v-7c0b36d1]{transition:.5s}.card-wrapper .likes-comments-saved div svg .active[data-v-7c0b36d1],.card-wrapper .likes-comments-saved div svg:hover path[data-v-7c0b36d1]{fill:#41b883}.card-wrapper .likes-comments-saved div .saveSvg[data-v-7c0b36d1]{height:26px;width:16px}.card-wrapper .likes-comments-saved div .disabled[data-v-7c0b36d1]{pointer-events:none;cursor:not-allowed}.recent-blogs[data-v-584e89ac]{display:flex;flex-direction:column;padding:100px 30px;background-color:#f1f1f1}.recent-blogs h3[data-v-584e89ac]{font-size:28px;font-weight:300}.recent-blogs .recent-blogs-grid[data-v-584e89ac]{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;margin-top:32px}@media screen and (max-width:1200px){.recent-blogs .recent-blogs-grid[data-v-584e89ac]{grid-template-columns:repeat(3,1fr)}}@media screen and (max-width:900px){.recent-blogs .recent-blogs-grid[data-v-584e89ac]{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:500px){.recent-blogs .recent-blogs-grid[data-v-584e89ac]{grid-template-columns:repeat(1,1fr)}}.container a[data-v-0e39a106]{text-align:center;padding:12px 24px;color:#fff;background-color:#303030;border-radius:20px;text-decoration:none;border:none;transition:1s;cursor:pointer}.container a[data-v-0e39a106]:hover{background-color:gray}.container[data-v-0e39a106]{padding:125px 25px;display:flex;justify-content:space-between;align-items:center;flex-direction:row}.container a svg[data-v-0e39a106]{height:15px;width:15px;margin-left:5px}.container h2[data-v-0e39a106]{width:100%;max-width:425px;font-size:40px;font-weight:300}@media screen and (max-width:800px){.container h2[data-v-0e39a106]{font-size:32px;text-align:center}.container[data-v-0e39a106]{flex-direction:column;row-gap:20px}}footer[data-v-39284bae]{display:flex;justify-content:space-between;align-items:flex-end;flex-direction:row;padding:100px 25px;background-color:#303030;color:#fff}footer .left-side[data-v-39284bae]{display:flex;-moz-column-gap:60px;column-gap:60px;width:50%}footer .left-side .brand[data-v-39284bae]{font-weight:500;font-size:1.5rem}@media screen and (max-width:800px){footer .left-side .brand[data-v-39284bae]{text-align:center}}footer .left-side ul[data-v-39284bae]{transition:.5s;display:flex;justify-content:space-between;align-items:flex-start;flex-direction:column;width:50%}footer .left-side ul a[data-v-39284bae]{transition:1s;cursor:pointer}footer .left-side ul a[data-v-39284bae]:hover{color:#41b883}@media screen and (max-width:800px){footer .left-side ul[data-v-39284bae]{width:100%;flex-wrap:wrap;flex-direction:row;align-items:center;justify-content:center;gap:15px 30px;margin:30px 0}footer .left-side[data-v-39284bae]{width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column}}footer .right-side[data-v-39284bae]{display:flex;justify-content:flex-end;align-items:flex-end;flex-direction:row;width:50%}@media screen and (max-width:800px){footer .right-side[data-v-39284bae]{width:100%;display:flex;justify-content:center;align-items:center;flex-direction:row;text-align:center}footer[data-v-39284bae]{flex-direction:column;row-gap:10px}}.brand-container[data-v-39284bae]{width:50%}.brand-container .icons-ul[data-v-39284bae]{-moz-column-gap:10px;column-gap:10px;margin-top:40px;width:100%;display:flex;justify-content:flex-start;align-items:flex-start;flex-direction:row}.brand-container .icons-ul svg[data-v-39284bae]{cursor:pointer;height:25px;width:25px}.brand-container .icons-ul svg path[data-v-39284bae]{transition:1s}.brand-container .icons-ul svg:hover path[data-v-39284bae]{fill:#41b883}@media screen and (max-width:800px){.brand-container .icons-ul[data-v-39284bae]{display:flex;justify-content:center;align-items:center;flex-direction:row;margin-top:30px}.brand-container[data-v-39284bae]{width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;row-gap:5px}}a[data-v-39284bae]{text-decoration:none;color:#fff}.angle[data-v-5770397d]{height:101%;width:60px;right:-30px;background-color:#fff;transform:rotate(3deg);position:absolute}@media screen and (max-width:900px){.angle[data-v-5770397d]{display:none}}.background[data-v-28315e8e]{width:62%;flex:2;background-image:url(/img/background.da8d23f7.png);background-repeat:no-repeat;background-position:50%;background-size:cover;height:100%}@media screen and (max-width:900px){.background[data-v-28315e8e]{display:none}}.login-container .form-content form button{text-align:center;padding:12px 24px;color:#fff;background-color:#303030;border-radius:20px;text-decoration:none;border:none;transition:1s;cursor:pointer}.login-container .form-content form button:hover{background-color:gray}.login-container{display:flex;justify-content:center;align-items:center;flex-direction:row;height:100vh;overflow:hidden}.login-container .form-content{width:38%;height:100%;display:flex}@media screen and (max-width:900px){.login-container .form-content{width:100%}}.login-container .form-content form{position:relative;display:flex;justify-content:center;align-items:center;flex-direction:column;padding:0 50px;flex:1}@media screen and (max-width:900px){.login-container .form-content form{padding:0 10px}}.login-container .form-content form p{text-align:center;margin-bottom:32px}.login-container .form-content form p a{transition:.3s;margin-left:5px;color:#000}.login-container .form-content form p a:hover{text-decoration:none;color:gray}.login-container .form-content form h2{color:#303030;font-size:40px;text-align:center;margin-bottom:35px}@media screen and (max-width:900px){.login-container .form-content form h2{font-size:32px}}.login-container .form-content form .inputs{position:relative;display:flex;flex-direction:column;width:100%;max-width:350px}.login-container .form-content form .inputs div svg{font-weight:800;position:absolute;height:16px;width:16px;margin:27px 0 0 8px}.login-container .form-content form .inputs div input{outline:none;border:transparent;padding:4px 4px 4px 30px;height:50px;width:100%;background-color:#f2f7f6;margin-top:10px;cursor:pointer}.login-container .form-content form .forgett-password{font-size:14px;-webkit-text-decoration:underline .2px hsla(0,0%,100%,0);text-decoration:underline .2px hsla(0,0%,100%,0);text-underline-offset:3px;transition:.3s;color:#000;margin-top:25px}.login-container .form-content form .forgett-password:hover{-webkit-text-decoration-color:#000;text-decoration-color:#000}.login-container .form-content form button{margin-top:45px}.register-container .form-content form button{text-align:center;padding:12px 24px;color:#fff;background-color:#303030;border-radius:20px;text-decoration:none;border:none;transition:1s;cursor:pointer}.register-container .form-content form button:hover{background-color:gray}.register-container{display:flex;justify-content:center;align-items:center;flex-direction:row;height:100vh;overflow:hidden}.register-container .form-content{width:38%;height:100%;display:flex}@media screen and (max-width:900px){.register-container .form-content{width:100%}}.register-container .form-content form{position:relative;display:flex;justify-content:center;align-items:center;flex-direction:column;padding:0 50px;flex:1}@media screen and (max-width:900px){.register-container .form-content form{padding:0 10px}}.register-container .form-content form p{text-align:center;margin-bottom:32px}.register-container .form-content form p a{transition:.3s;margin-left:5px;color:#000}.register-container .form-content form p a:hover{text-decoration:none;color:gray}.register-container .form-content form h2{color:#303030;font-size:40px;text-align:center;margin-bottom:35px;max-width:350px}@media screen and (max-width:900px){.register-container .form-content form h2{font-size:32px}}.register-container .form-content form .inputs{position:relative;display:flex;flex-direction:column;width:100%;max-width:350px}.register-container .form-content form .inputs div svg{position:absolute;height:16px;width:16px;margin:27px 0 0 8px}.register-container .form-content form .inputs div input{outline:none;border:transparent;padding:4px 4px 4px 30px;height:50px;width:100%;background-color:#f2f7f6;margin-top:10px;cursor:pointer}.register-container .form-content form button{margin-top:45px}.blogs[data-v-13d0a11a]{background-color:#f1f1f1;display:flex;justify-content:center;align-items:center;flex-direction:column;padding:100px 25px}.blogs .params[data-v-13d0a11a]{display:flex;justify-content:space-between;align-items:center;flex-direction:row;flex-wrap:wrap;width:100%;-moz-column-gap:10px;column-gap:10px}.blogs .params .edit-blogs[data-v-13d0a11a]{display:flex;align-items:center;margin-bottom:25px;flex-wrap:wrap;gap:10px}.blogs .params .edit-blogs p[data-v-13d0a11a]{font-size:18px}.blogs .params .edit-blogs select[data-v-13d0a11a]{border:none;outline:none;font-size:17px;padding:2px;background-color:#f2f7f6;cursor:pointer}.blogs .params .edit-blogs input[type=checkbox][data-v-13d0a11a]{position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;width:50px;height:25px;border-radius:20px;background:#fff;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);cursor:pointer}.blogs .params .edit-blogs input[type=checkbox][data-v-13d0a11a]::-moz-selection{background-color:transparent}.blogs .params .edit-blogs input[type=checkbox][data-v-13d0a11a]::selection{background-color:transparent}.blogs .params .edit-blogs input[type=checkbox][data-v-13d0a11a]:before{content:"";position:absolute;top:0;left:0;width:25px;height:25px;border-radius:20px;background:#303030;transform:scale(1.1);transition:.75s;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.blogs .params .edit-blogs input[type=checkbox][data-v-13d0a11a]:before::-moz-selection{background-color:transparent}.blogs .params .edit-blogs input[type=checkbox][data-v-13d0a11a]:before::selection{background-color:transparent}.blogs .params .edit-blogs input[type=checkbox][data-v-13d0a11a]:checked:before{background:#fff;left:25px}.blogs .tags[data-v-13d0a11a]{display:flex;-moz-column-gap:10px;column-gap:10px;margin-bottom:35px;width:100%;overflow-y:scroll;-ms-overflow-style:none;scrollbar-width:none}.blogs .tags[data-v-13d0a11a]::-webkit-scrollbar{display:none}.blogs .tags .tag[data-v-13d0a11a]{transition:.5s;padding:8px;border-radius:8px;background-color:#303030;color:#fff;border:1px solid #000;cursor:pointer}.blogs .tags .active-tag[data-v-13d0a11a],.blogs .tags .tag[data-v-13d0a11a]:hover{border-color:gray;background-color:gray}.blogs .tags .all-tags[data-v-13d0a11a]{background-color:green;border-color:green}.blogs .tags .all-tags[data-v-13d0a11a]:hover{border-color:#04b704;background-color:#04b704}.blogs .blogsContainer[data-v-13d0a11a]{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;width:100%}@media screen and (max-width:1200px){.blogs .blogsContainer[data-v-13d0a11a]{grid-template-columns:repeat(3,1fr)}}@media screen and (max-width:900px){.blogs .blogsContainer[data-v-13d0a11a]{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:500px){.blogs .blogsContainer[data-v-13d0a11a]{grid-template-columns:repeat(1,1fr)}}.blogs .blogsContainer h2[data-v-13d0a11a]{text-align:center;font-size:40px;padding:100px}.blogs .emptyBlogContainer[data-v-13d0a11a]{display:flex;justify-content:center;align-items:center;flex-direction:row}.forgot-password-container .form-content form button{text-align:center;padding:12px 24px;color:#fff;background-color:#303030;border-radius:20px;text-decoration:none;border:none;transition:1s;cursor:pointer}.forgot-password-container .form-content form button:hover{background-color:gray}.forgot-password-container{display:flex;justify-content:center;align-items:center;flex-direction:row;height:100vh;overflow:hidden}.forgot-password-container .form-content{width:38%;height:100%;display:flex}@media screen and (max-width:900px){.forgot-password-container .form-content{width:100%}}.forgot-password-container .form-content form{position:relative;display:flex;justify-content:center;align-items:center;flex-direction:column;padding:0 50px;flex:1}@media screen and (max-width:900px){.forgot-password-container .form-content form{padding:0 10px}}.forgot-password-container .form-content form .back{text-align:center;margin-bottom:15px}.forgot-password-container .form-content form .back a{transition:.3s;margin-left:2px;color:#000}.forgot-password-container .form-content form .back a:hover{text-decoration:none;color:gray}.forgot-password-container .form-content form .forgot-content{text-align:center;margin-bottom:32px}.forgot-password-container .form-content form h2{color:#303030;font-size:40px;text-align:center;margin-bottom:10px}@media screen and (max-width:900px){.forgot-password-container .form-content form h2{font-size:32px}}.forgot-password-container .form-content form .inputs{position:relative;display:flex;flex-direction:column;width:100%;max-width:350px}.forgot-password-container .form-content form .inputs svg{font-weight:800;position:absolute;height:16px;width:16px;margin:17px 0 0 8px}.forgot-password-container .form-content form .inputs input{outline:none;border:transparent;padding:4px 4px 4px 30px;height:50px;width:100%;background-color:#f2f7f6;cursor:pointer}.forgot-password-container .form-content form button{margin-top:35px}.error[data-v-1ae0145e]{position:fixed;text-align:center;padding:0 20px;background-color:#f7f7f7;display:flex;justify-content:center;align-items:center;flex-direction:column;height:100vh;width:100%;z-index:100}.error img[data-v-1ae0145e]{width:90%;max-width:430px}.error h2[data-v-1ae0145e]{font-size:40px;margin-top:20px}.error p[data-v-1ae0145e]{text-align:center;font-size:18px;width:50%}@media screen and (max-width:700px){.error p[data-v-1ae0145e]{width:100%}}.error p span[data-v-1ae0145e]{color:red}.error .routers[data-v-1ae0145e]{display:flex;justify-content:center;align-items:center;flex-direction:row;flex-wrap:wrap;margin-top:25px;gap:15px}.error .routers a[data-v-1ae0145e]{padding:12px 24px;color:#fff;background-color:#303030;border-radius:20px;text-decoration:none;border:none;transition:1s;cursor:pointer}.error .routers a[data-v-1ae0145e]:hover{background-color:gray}.profile form .user[data-v-398d96ce]{display:flex;align-items:center;justify-content:center;text-align:center;background-color:#000;border:1px solid #000;color:#fff;height:40px;width:40px;padding:8px;border-radius:50%;text-transform:uppercase}.profile form div button[data-v-398d96ce]{text-align:center;padding:12px 24px;color:#fff;background-color:#303030;border-radius:20px;text-decoration:none;border:none;transition:1s;cursor:pointer}.profile form div button[data-v-398d96ce]:hover{background-color:gray}.profile[data-v-398d96ce]{display:flex;justify-content:center;align-items:center;flex-direction:column;padding:70px 25px}.profile h2[data-v-398d96ce]{text-align:center;margin-bottom:16px;font-weight:300;font-size:32px}.profile form[data-v-398d96ce]{display:flex;justify-content:center;align-items:center;flex-direction:column;margin:32px 0;border-radius:8px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);padding:32px;background-color:#f1f1f1;width:100%;max-width:600px;row-gap:32px}.profile form .admin[data-v-398d96ce]{display:flex;justify-content:center;align-items:center;flex-direction:row;transition:.5s;padding:8px 24px 8px 15px;border:none;background-color:#303030;color:#fff;border-radius:8px;cursor:pointer}.profile form .admin[data-v-398d96ce]:hover{background-color:gray}.profile form .admin svg[data-v-398d96ce]{position:relative;left:8px;height:15px;width:15px}.profile form .user[data-v-398d96ce]{position:relative;height:80px;width:80px;font-size:32px;cursor:pointer}.profile form .user span[data-v-398d96ce]::-moz-selection{background-color:transparent}.profile form .user span[data-v-398d96ce]::selection{background-color:transparent}.profile form input[type=color][data-v-398d96ce]{visibility:hidden;position:fixed;top:-30px;left:0}.profile form .inputs[data-v-398d96ce]{display:flex;justify-content:flex-start;align-items:flex-start;flex-direction:column;width:100%}.profile form .inputs .protected[data-v-398d96ce]{border:1px solid #303030}.profile form .inputs input[data-v-398d96ce]{border:none;outline:none;background-color:#f2f7f6;padding:8px;height:50px;width:100%}.profile form .inputs label[data-v-398d96ce]{cursor:pointer;font-size:14px;display:block;padding-bottom:6px}.profile form div[data-v-398d96ce]{display:flex;justify-content:center;align-items:center;flex-direction:row;gap:15px;flex-wrap:wrap}.profile form div .delete-account[data-v-398d96ce]{background-color:red}.admin .admins .total-admins .an-admin[data-v-52238526],.admin .admins .total-admins .request-user[data-v-52238526],.admin .admins .total-users .an-admin[data-v-52238526],.admin .admins .total-users .request-user[data-v-52238526],.admin .users .total-admins .an-admin[data-v-52238526],.admin .users .total-admins .request-user[data-v-52238526],.admin .users .total-users .an-admin[data-v-52238526],.admin .users .total-users .request-user[data-v-52238526]{display:flex;align-items:center;justify-content:center;text-align:center;background-color:#000;border:1px solid #000;color:#fff;height:40px;width:40px;padding:8px;border-radius:50%;text-transform:uppercase;cursor:pointer}.admin form div button[data-v-52238526]{text-align:center;padding:12px 24px;color:#fff;background-color:#303030;border-radius:20px;text-decoration:none;border:none;transition:1s;cursor:pointer}.admin form div button[data-v-52238526]:hover{background-color:gray}.admin[data-v-52238526]{display:flex;justify-content:center;align-items:center;flex-direction:column;padding:70px 25px}.admin h2[data-v-52238526]{text-align:center;margin-bottom:16px;font-weight:300;font-size:32px;padding:0 10px}.admin form[data-v-52238526]{display:flex;justify-content:center;align-items:center;flex-direction:column;margin:32px 0;border-radius:8px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);padding:32px;background-color:#f1f1f1;width:100%;max-width:600px;row-gap:32px}.admin form h3[data-v-52238526]{text-align:center;font-weight:300;font-size:32px}.admin form input[data-v-52238526]{border:none;outline:none;background-color:#f2f7f6;padding:8px;height:50px;width:100%}.admin form div[data-v-52238526]{display:flex;flex-wrap:wrap;gap:15px}.admin form div .remove[data-v-52238526]{background-color:red}.admin .users[data-v-52238526]{margin-top:32px}.admin .admins[data-v-52238526],.admin .users[data-v-52238526]{display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%;max-width:600px;background-color:#f1f1f1;padding:20px;border-radius:8px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.admin .admins h3[data-v-52238526],.admin .users h3[data-v-52238526]{text-align:center;margin-bottom:16px;font-weight:300;font-size:32px}.admin .admins p[data-v-52238526],.admin .users p[data-v-52238526]{text-align:center}.admin .admins .total-admins[data-v-52238526],.admin .admins .total-users[data-v-52238526],.admin .users .total-admins[data-v-52238526],.admin .users .total-users[data-v-52238526]{display:flex;justify-content:center;align-items:center;flex-direction:row;gap:10px;flex-wrap:wrap;width:100%;max-width:600px;margin-top:15px}.admin .admins .total-admins .an-admin[data-v-52238526],.admin .admins .total-admins .request-user[data-v-52238526],.admin .admins .total-users .an-admin[data-v-52238526],.admin .admins .total-users .request-user[data-v-52238526],.admin .users .total-admins .an-admin[data-v-52238526],.admin .users .total-admins .request-user[data-v-52238526],.admin .users .total-users .an-admin[data-v-52238526],.admin .users .total-users .request-user[data-v-52238526]{height:55px;width:55px;font-size:18px}.admin form button[data-v-71c7ca55]{text-align:center;padding:12px 24px;color:#fff;background-color:#303030;border-radius:20px;text-decoration:none;border:none;transition:1s;cursor:pointer}.admin form button[data-v-71c7ca55]:hover{background-color:gray}.admin[data-v-71c7ca55]{display:flex;justify-content:center;align-items:center;flex-direction:column;padding:70px 25px}.admin h2[data-v-71c7ca55]{text-align:center;margin-bottom:16px;font-weight:300;font-size:32px;padding:0 10px}.admin form[data-v-71c7ca55]{display:flex;justify-content:center;align-items:center;flex-direction:column;margin:32px 0;border-radius:8px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);padding:32px;background-color:#f1f1f1;width:100%;max-width:600px}.admin form h3[data-v-71c7ca55]{text-align:center;margin-bottom:32px;font-weight:300;font-size:32px}.admin form p[data-v-71c7ca55]{text-align:center;margin-bottom:28px}.admin form input[data-v-71c7ca55]{border:none;outline:none;background-color:#f2f7f6;padding:8px;height:50px;width:100%}.admin form button[data-v-71c7ca55]{margin-top:10px}.create-post .option-buttons a[data-v-ac13d308],.create-post .option-buttons button[data-v-ac13d308],.create-post .post-publish-header button[data-v-ac13d308],.create-post .post-publish-header label[data-v-ac13d308]{text-align:center;padding:12px 24px;color:#fff;background-color:#303030;border-radius:20px;text-decoration:none;border:none;transition:1s;cursor:pointer}.create-post .option-buttons a[data-v-ac13d308]:hover,.create-post .option-buttons button[data-v-ac13d308]:hover,.create-post .post-publish-header button[data-v-ac13d308]:hover,.create-post .post-publish-header label[data-v-ac13d308]:hover{background-color:gray}.create-post[data-v-ac13d308]{display:flex;flex-direction:column;row-gap:20px;padding:80px 50px}@media screen and (max-width:800px){.create-post[data-v-ac13d308]{padding:80px 10px}}.create-post .post-publish-header[data-v-ac13d308]{display:flex;justify-content:flex-start;align-items:center;flex-direction:row;gap:15px;flex-wrap:wrap}.create-post .post-publish-header .blog-title[data-v-ac13d308]{padding:8px 8px 8px 0;width:60%;max-width:450px;outline:none;border-color:transparent transparent gray transparent;transition:.5s}@media screen and (max-width:500px){.create-post .post-publish-header .blog-title[data-v-ac13d308]{width:100%}}.create-post .post-publish-header .blog-title[data-v-ac13d308]:focus{border-color:transparent transparent #303030 transparent}.create-post .post-publish-header button[data-v-ac13d308],.create-post .post-publish-header label[data-v-ac13d308]{font-size:13.333px}.create-post .post-publish-header .upload[data-v-ac13d308]{position:relative}.create-post .post-publish-header .upload span[data-v-ac13d308]{opacity:0;position:absolute;top:45px;left:0;border-radius:8px;padding:8px;background-color:red;pointer-events:none;transition:1s;z-index:20;cursor:default}.create-post .post-publish-header .upload span[data-v-ac13d308]:after{content:"";position:absolute;height:15px;width:15px;top:-2px;left:50%;background-color:red;transform:rotate(135deg);pointer-events:none;z-index:-1;cursor:default}.create-post .post-publish-header .upload:hover span[data-v-ac13d308]{opacity:1}.create-post .post-publish-header .file-input[data-v-ac13d308]{pointer-events:none}.create-post .post-publish-header .disabled[data-v-ac13d308]{background-color:gray}.create-post .post-publish-header #file[data-v-ac13d308]{display:none}.create-post .post-publish-header .file-name[data-v-ac13d308]{font-size:13.3333px}.create-post .blog-editor .text-area[data-v-ac13d308]{width:100%;height:60vh;resize:none;outline:none;padding:20px}.create-post .blog-tags[data-v-ac13d308]{width:100%}.create-post .blog-tags .tags-area[data-v-ac13d308]{width:100%;resize:none;outline:none;padding:20px;border:1px solid #ccc;font-size:14px}.create-post .option-buttons[data-v-ac13d308]{display:flex;justify-content:flex-start;align-items:center;flex-direction:row;gap:15px;flex-wrap:wrap}.create-post .option-buttons a[data-v-ac13d308],.create-post .option-buttons button[data-v-ac13d308]{font-size:13.3333px}.preview[data-v-017b9376]{display:flex;flex-direction:column;padding:100px;row-gap:12px}@media screen and (max-width:700px){.preview[data-v-017b9376]{padding:100px 10px}}.preview h2[data-v-017b9376]{font-weight:300;font-size:40px}.preview h2[data-v-017b9376]:first-letter{text-transform:uppercase}@media screen and (max-width:700px){.preview h2[data-v-017b9376]{font-size:32px}}.preview p[data-v-017b9376]{font-weight:400}.preview img[data-v-017b9376]{width:100%;max-width:850px;margin-top:15px;border:1px solid #000}.preview .html-blog[data-v-017b9376]{margin-top:15px;font-size:20px;line-height:1.4}.preview .tags[data-v-017b9376]{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px;width:100%;overflow-y:scroll;-ms-overflow-style:none;scrollbar-width:none}.preview .tags[data-v-017b9376]::-webkit-scrollbar{display:none}.preview .tags .tag[data-v-017b9376]{transition:.5s;padding:8px;border-radius:8px;background-color:#303030;color:#fff;border:1px solid #000;cursor:pointer}.preview .tags .tag[data-v-017b9376]:hover{border-color:gray;background-color:gray}.preview .comments-section .comments .new-comment .commenter,.preview .comments-section .comments div .new-comment .commenter,.preview .likes .like,.preview .tags .like{display:flex;align-items:center;justify-content:center;text-align:center;background-color:#000;border:1px solid #000;color:#fff;height:40px;width:40px;padding:8px;border-radius:50%;text-transform:uppercase;cursor:pointer}@-webkit-keyframes rotation{to{transform:rotate(1turn)}}@keyframes rotation{to{transform:rotate(1turn)}}.preview{display:flex;flex-direction:column;padding:100px;row-gap:12px}@media screen and (max-width:700px){.preview{padding:100px 10px}}.preview .intro{display:flex;justify-content:space-between;align-items:center;flex-direction:row;flex-wrap:wrap;gap:10px}.preview .intro h2{font-weight:300;font-size:40px}.preview .intro h2:first-letter{text-transform:uppercase}@media screen and (max-width:700px){.preview .intro h2{font-size:32px}}.preview .intro div{display:flex;gap:10px}.preview .intro div .card-edit-icons{background-size:35%;background-repeat:no-repeat;background-position:50%;border:1px solid #000;height:40px;width:40px;padding:0;transition:.5s;border-radius:50%;background-color:#fff;cursor:pointer}.preview .intro div .card-edit-icons:hover{background-color:#bcb6b6}.preview .intro div .edit{background-image:url(/img/edit-regular.4c486ea6.svg);right:50px}.preview .intro div .delete{background-image:url(/img/trash-regular.543439a8.svg)}.preview p{font-weight:400}.preview .blogImg{display:flex;justify-content:center;align-items:center;flex-direction:row;height:610px;border:1px solid #000;max-width:850px;margin-top:15px}.preview .blogImg .blogCover{display:none;width:100%;height:100%}.preview .blogImg .loader{height:50px;width:50px;border-radius:50%;border:2px solid #fff;border-color:#000 transparent #000 transparent;-webkit-animation:rotation .9s ease-in-out infinite;animation:rotation .9s ease-in-out infinite}.preview .blogImg .displayed{display:flex;height:auto}.preview .heightEdit{height:auto}.preview .html-blog{margin-top:15px;font-size:20px;line-height:1.4}.preview .likes{padding-top:13px}.preview .likes,.preview .tags{display:flex;align-items:center;flex-direction:row;gap:10px;width:100%;overflow-y:scroll;-ms-overflow-style:none;scrollbar-width:none}.preview .likes::-webkit-scrollbar,.preview .tags::-webkit-scrollbar{display:none}.preview .likes .tag,.preview .tags .tag{transition:.5s;padding:8px;border-radius:8px;background-color:#303030;color:#fff;border:1px solid #000;cursor:pointer}.preview .likes .tag:hover,.preview .tags .tag:hover{border-color:gray;background-color:gray}.preview .likes .like,.preview .tags .like{position:relative}.preview .comments-section .comments{display:flex;flex-direction:column;gap:15px}.preview .comments-section .comments .new-comment{display:flex;align-items:center;gap:10px}.preview .comments-section .comments .new-comment .commenter{position:relative}.preview .comments-section .comments .new-comment .commenter img{position:absolute;top:-13px;right:-4px;border:transparent;height:25px;width:25px;border:1px solid #000;background-color:#fff;border-radius:50%}.preview .comments-section .comments .new-comment .comment-content{display:flex;flex-direction:column;gap:5px;width:100%}.preview .comments-section .comments .new-comment .comment-content textarea{border:none;outline:none;background-color:#303030;color:#fff;padding:8px;border-radius:8px;resize:none;height:55px;font-size:17px;width:100%}.preview .comments-section .comments .new-comment .comment-content textarea::-moz-placeholder{color:#f5f5f5}.preview .comments-section .comments .new-comment .comment-content textarea::placeholder{color:#f5f5f5}.preview .comments-section .comments .new-comment .comment-content .buttons{display:flex;align-items:flex-start;justify-content:flex-end;flex-wrap:wrap;gap:10px;margin-top:0}.preview .comments-section .comments .new-comment .comment-content .buttons button{transition:.5s;padding:8px;border-radius:8px;background-color:#303030;color:#fff;border:none;font-size:15px;cursor:pointer}.preview .comments-section .comments .new-comment .comment-content .buttons button:hover{background-color:gray}.preview .comments-section .comments div{margin-top:10px}.preview .comments-section .comments div .new-comment{display:flex;align-items:center;gap:10px}.preview .comments-section .comments div .new-comment .commenter{position:relative}.preview .comments-section .comments div .new-comment .comment-content{display:flex;flex-direction:column;gap:5px;width:100%}.preview .comments-section .comments div .new-comment .comment-content textarea{border:none;outline:none;background-color:#303030;color:#fff;padding:8px;border-radius:8px;resize:none;height:60px;font-size:17px;width:100%}.preview .comments-section .comments div .new-comment .comment-content textarea::-moz-placeholder{color:#f5f5f5}.preview .comments-section .comments div .new-comment .comment-content textarea::placeholder{color:#f5f5f5}.preview .comments-section .comments div .new-comment .comment-content .buttons{display:flex;justify-content:flex-end;align-items:flex-start;flex-direction:row;flex-wrap:wrap;gap:10px;margin-top:0}.preview .comments-section .comments div .new-comment .comment-content .buttons button{transition:.5s;padding:8px;border-radius:8px;background-color:#303030;color:#fff;border:none;font-size:15px;cursor:pointer}.preview .comments-section .comments div .new-comment .comment-content .buttons button:hover{background-color:gray}.preview h4{font-weight:500;font-size:18px}.create-post .option-buttons a[data-v-2cd9108c],.create-post .option-buttons button[data-v-2cd9108c],.create-post .post-publish-header button[data-v-2cd9108c],.create-post .post-publish-header label[data-v-2cd9108c]{text-align:center;padding:12px 24px;color:#fff;background-color:#303030;border-radius:20px;text-decoration:none;border:none;transition:1s;cursor:pointer}.create-post .option-buttons a[data-v-2cd9108c]:hover,.create-post .option-buttons button[data-v-2cd9108c]:hover,.create-post .post-publish-header button[data-v-2cd9108c]:hover,.create-post .post-publish-header label[data-v-2cd9108c]:hover{background-color:gray}.create-post[data-v-2cd9108c]{display:flex;flex-direction:column;row-gap:20px;padding:80px 50px}@media screen and (max-width:800px){.create-post[data-v-2cd9108c]{padding:80px 10px}}.create-post .post-publish-header[data-v-2cd9108c]{display:flex;justify-content:flex-start;align-items:center;flex-direction:row;gap:15px;flex-wrap:wrap}.create-post .post-publish-header .blog-title[data-v-2cd9108c]{padding:8px 8px 8px 0;width:60%;max-width:450px;outline:none;border-color:transparent transparent gray transparent;transition:.5s}@media screen and (max-width:500px){.create-post .post-publish-header .blog-title[data-v-2cd9108c]{width:100%}}.create-post .post-publish-header .blog-title[data-v-2cd9108c]:focus{border-color:transparent transparent #303030 transparent}.create-post .post-publish-header button[data-v-2cd9108c],.create-post .post-publish-header label[data-v-2cd9108c]{font-size:13.333px}.create-post .post-publish-header .upload[data-v-2cd9108c]{position:relative}.create-post .post-publish-header .upload span[data-v-2cd9108c]{opacity:0;position:absolute;top:45px;left:0;border-radius:8px;padding:8px;background-color:red;pointer-events:none;transition:1s;z-index:20;cursor:default}.create-post .post-publish-header .upload span[data-v-2cd9108c]:after{content:"";position:absolute;height:15px;width:15px;top:-2px;left:50%;background-color:red;transform:rotate(135deg);pointer-events:none;z-index:-1;cursor:default}.create-post .post-publish-header .upload:hover span[data-v-2cd9108c]{opacity:1}.create-post .post-publish-header .file-input[data-v-2cd9108c]{pointer-events:none}.create-post .post-publish-header .disabled[data-v-2cd9108c]{background-color:gray}.create-post .post-publish-header #file[data-v-2cd9108c]{display:none}.create-post .post-publish-header .file-name[data-v-2cd9108c]{font-size:13.3333px}.create-post .blog-editor .text-area[data-v-2cd9108c]{width:100%;height:60vh;resize:none;outline:none;padding:20px}.create-post .blog-tags[data-v-2cd9108c]{width:100%}.create-post .blog-tags .tags-area[data-v-2cd9108c]{width:100%;resize:none;outline:none;padding:20px;border:1px solid #ccc;font-size:14px}.create-post .option-buttons[data-v-2cd9108c]{display:flex;justify-content:flex-start;align-items:center;flex-direction:row;gap:15px;flex-wrap:wrap}.create-post .option-buttons a[data-v-2cd9108c],.create-post .option-buttons button[data-v-2cd9108c]{font-size:13.3333px}