header{position:relative;display:flex;justify-content:center;align-items:center;font-size:.9rem}.nav-container{position:fixed;top:0;z-index:3;width:100%;max-width:2200px;padding:1rem .5rem;background:var(--primary-col)}.nav-inner{transition:ease-in-out 1s;max-width:85%;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.nav-menu ul{display:flex;justify-content:center;align-items:center;list-style:none;margin-left:1rem}#nav-link,#logo,#navlink-btn-secondary{margin:0 .5rem;font-weight:600}#nav-link,#navlink-btn-secondary{color:var(--grey-col)}#logo{color:var(--secondary-col);font-size:1.25rem}#navlink-btn-primary{background-color:var(--secondary-col);color:var(--primary-col);padding:.75rem;border:none;border-radius:1.5rem;margin:.5rem}#navlink-btn-primary>*{color:var(--primary-col);font-size:.9rem}#navlink-btn-primary:hover{background-color:var(--button-bg-white);transition:.3}.toggle-open{transition:ease-in-out .5s;background-color:var(--primary-col)}.toggle-menu-btn{color:var(--secondary-col);font-size:1.25rem;display:none}.toggle-menu{display:none;padding:0;margin:0;text-align:left;list-style:none}.toggle-menu li{margin:1rem 0;color:var(--grey-col)}@media (max-width: 670px){.toggle-menu,.toggle-menu-btn{display:block}.nav-container{padding:0 1rem}.nav-inner{align-items:flex-start;max-width:100%;border-radius:0;padding:1rem}.nav-menu,.nav-btns{display:none}}footer{color:var(--secondary-col);margin:0 auto;padding:5rem 0;border-radius:3rem;max-width:1800px}.footer-contact h2{margin:0;color:var(--secondary-col)}.footer-contact button{background-color:var(--accent-col);color:var(--primary-col)}.footer-contact button:hover{background-color:var(--button-bg-white);transition:.3}.footer-content{margin:5rem auto 0;max-width:80%;display:flex;justify-content:space-between;align-items:top;flex-wrap:wrap}footer hr{border:1px solid var(--grey-col)}.legal-notices{margin:0 auto;margin-top:3rem;width:80%}.footer-left p{color:var(--grey-col);max-width:30rem}.footer-left h5{margin-top:0}.legal-notices p{color:var(--grey-col);margin:.5rem 0;font-size:.8rem}.footer-right{display:flex;justify-content:space-between;align-items:top;flex-wrap:wrap}.footer-right>*{margin:0 2rem}footer small,.socials-container,footer li{color:var(--grey-col)}footer li{margin:.5rem 0}#footer-link{text-decoration:none;color:var(--grey-col)}footer ul{list-style:none;padding:0}footer h5{margin:0;color:var(--secondary-col)}.socials-container>*{font-size:1.5rem;margin-right:1rem;margin-top:1rem;color:var(--secondary-col)}@media (max-width: 912px){.footer-content>*{margin:2rem 0}.footer-right{margin-left:-2rem}}@media (max-width: 450px){footer,.footer-content{padding:1rem 0}.footer-contact,.footer-content,.legal-notices{max-width:95%}}button{padding:1rem;margin:2rem 0;border-radius:2rem;font-weight:700;border:none;background-color:var(--accent-col);color:var(--secondary-col)}button:hover{background-color:var(--accent-hover);transition:.3s}.arrow-icon{margin-left:.5rem;font-size:1rem}.skeleton{animation:skeleton-loading .75s linear infinite alternate;width:100%;margin:1rem auto;border-radius:.25rem}@keyframes skeleton-loading{0%{background-color:#1a1a1a}to{background-color:#141414}}.skeleton-list{height:2rem}.skeleton-section{height:10rem}.skeleton-card-container{display:flex;justify-content:space-between;align-items:center}.skeleton-cards{width:16rem;height:7rem}.skeleton-graph-container,.skeleton-graph-content{display:flex;justify-content:center;align-items:baseline}.skeleton-graph-content>*{width:2rem;margin:0 .5rem}.bar-low{height:3rem}.bar-middle{height:5rem}.bar-high{height:7rem}.skeleton-reviews-container{display:flex;align-items:center;justify-content:center;flex-wrap:wrap}.skeleton-reviews{height:15rem;width:20rem;margin:1rem}.hero-container{box-sizing:border-box;position:relative;text-align:center;color:var(--secondary-col);padding:10rem 0;max-width:1800px;margin:0 auto;border-radius:3rem}.hero-container h1{max-width:40%;font-weight:700;margin:0 auto;color:var(--secondary-col)}.hero-header p{max-width:30%;margin:1rem auto;color:var(--grey-col);font-weight:600}.hero-img-container{position:relative;background-image:url(/assets/hero.webp);background-position:center;background-size:cover;background-repeat:no-repeat;content:"";height:60rem;border-radius:2rem;margin:2rem auto;max-width:90%}.hero-img-container:after{content:"";position:absolute;height:100%;width:100%;top:0;left:0;background:#000;background:linear-gradient(0deg,#000,#0000 50%)}.problem-section{margin:0 auto;max-width:1800px;padding-top:10rem;padding-bottom:20rem}.problem-section-content{max-width:90%;margin:0 auto}.problem-section h2{margin:0;max-width:50%;color:var(--secondary-col)}.problem-section p{color:var(--grey-col);max-width:35%}.features-container{box-sizing:border-box;max-width:1800px;margin:8rem auto}.features-header{max-width:90%;margin:0 auto 5rem}.features-container h2{margin:0;color:var(--secondary-col)}.features-content{margin:0 auto;max-width:90%;height:50rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr);grid-template-rows:auto;grid-template-areas:"bento-emails bento-table bento-table" "bento-emails bento-bargraph bento-bargraph"}.feature{position:relative;border-radius:2rem;padding:1rem;background:#000;background:linear-gradient(0deg,#0000,#000 80%)}.feature h3{color:var(--secondary-col)}.bento-emails{grid-area:bento-emails}.bento-emails:before{content:"";position:absolute;height:100%;width:100%;top:0;left:0;border-radius:2rem;background-position:center;background-size:cover;background-repeat:no-repeat;background-image:url(/assets/bento_emails.webp);z-index:-1}.bento-table{grid-area:bento-table}.bento-table:before{content:"";position:absolute;height:100%;width:100%;top:0;left:0;border-radius:2rem;background-position:center;background-size:cover;background-repeat:no-repeat;background-image:url(/assets/bento_table.webp);z-index:-1}.bento-bargraph{grid-area:bento-bargraph}.bento-bargraph:before{content:"";position:absolute;height:100%;width:100%;top:0;left:0;border-radius:2rem;background-position:center;background-size:cover;background-repeat:no-repeat;background-image:url(/assets/bento_stats.webp);z-index:-1}.bento-bargraph,.bento-table{display:flex;flex-direction:column;justify-content:end;background:linear-gradient(0deg,#000 20%,#0000 50%)}.bento-bargraph h3,.bento-table h3{width:60%}.advantages-container{overflow:hidden;text-align:center;padding:8rem 0;margin:0 auto;max-width:1800px}.advantages-container h2{font-weight:700;max-width:60%;margin:0 auto;color:var(--secondary-col)}.advantages-cards-container{margin:5rem auto;display:flex;justify-content:center;align-items:center;flex-wrap:wrap}.advantage-card{text-align:left;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;margin:1rem;border-radius:2rem;width:28rem}.advantage-description{max-width:80%}.advantage-icon{color:var(--secondary-col);font-size:2rem}.advantage-card p{color:var(--grey-col)}.advantage-card h5{color:var(--secondary-col)}.advantage-card h5,.advantage-card p{margin:.5rem 0}.testimonials-container{padding:10rem 2rem;margin:0 auto;max-width:1800px;text-align:center}.testimonials-container h2{color:var(--secondary-col);margin:0}.testimonials-content{position:relative;z-index:1;margin:5rem auto;display:flex;align-items:center;justify-content:center;flex-wrap:wrap}.testimonials-content:before{position:absolute;z-index:2;content:"";height:100%;width:100%;background:transparent;background:linear-gradient(90deg,#000000db,#0000,#000000d6)}.testimonial-card{text-align:left;color:var(--secondary-col);padding:1rem 2rem;border-radius:2rem;width:20rem;margin:1rem}.testimonial-card h6{margin:.5rem 0}.rating-container{font-size:.75rem}.testimonial-card article{max-width:70%}.testimonial-card p{color:var(--grey-col)}.advertisement-container{text-align:center;display:flex;justify-content:center;align-items:center;margin:0 auto;max-width:1800px;color:var(--secondary-col)}.advertisement-container h2{margin:0}.advertisement-img-container{position:relative}.advertisement-img-container:after{position:absolute;content:"";height:100%;width:100%;top:0;left:0;background:linear-gradient(0deg,#000,#0000 60%);z-index:2}.advertisement-container img{height:700px;display:block;z-index:1}@media (max-width: 1100px){.hero-container h1{max-width:70%}.hero-container p{max-width:50%}.hero-img-container{max-width:95%}.problem-section h2,.problem-section p{max-width:60%}.bento-bargraph h3,.bento-table h3{width:100%}.features-header{max-width:95%}.testimonials-content:before{background:transparent}}@media (max-width: 830px){.features-header{text-align:center}.features-content{height:auto;grid-template-columns:1fr;grid-template-rows:repeat(3,40rem);grid-template-areas:"bento-emails" "bento-table" "bento-bargraph"}.bento-table:before{background-position:20%}}@media (max-width: 450px){.hero-container{padding:7rem 0}.hero-img-container{height:30rem}.problem-section h2,.problem-section p{max-width:80%}.advantages-cards-container{margin:2rem auto}.advantages-container h2{max-width:100%}.testimonials-container{padding:5rem 0}.testimonial-card{margin:1rem}.testimonial-card article{max-width:90%}.advertisement-container img{height:450px}}@media (max-width: 400px){.hero-container h1,.hero-container p{max-width:90%}}.faq-container{text-align:center;max-width:60%;margin:0 auto;color:var(--secondary-col)}.faq-container h3{color:var(--grey-col);margin:0}.faq-container h2{margin-top:1rem;margin-bottom:3rem;color:var(--secondary-col)}.faq-inner{text-align:left}.question-card{background-color:var(--tertiary-col);color:var(--text-col);padding:2rem;border-radius:2rem;margin:1rem 0}.question-card h6{margin:0;color:var(--secondary-col)}.question-card p{margin:2rem 0;color:var(--grey-col)}.question-header{display:flex;justify-content:space-between;align-items:center;color:var(--secondary-col)}@media (max-width: 820px){.faq-container{max-width:90%}}.notification-container{position:fixed;top:10px;left:0;width:100%;display:flex;justify-content:center;align-items:top;z-index:2}.notification-content{background-color:var(--tertiary-col);width:20rem;height:auto;padding:1rem;border-radius:.5rem;display:flex;align-items:center;border:1px solid var(--grey-col)}.notification-icon{color:var(--secondary-col);font-size:1.5rem;margin-right:1rem}.notification-content h6,.notification-content p{color:var(--secondary-col);margin:0}.notification-btn{border-radius:5rem;width:7rem}@media (max-width: 450px){.notification-content{width:18rem}}@media (max-width: 400px){.notification-content{width:15rem}.notification-content p{font-size:.8rem}}.contact-form{width:32rem}.contact-form>*{display:block;position:relative}.contact-form p{color:var(--secondary-col)}.contact-form input,.contact-form textarea{border:1px solid var(--grey-col);padding:1rem;font-family:Open Sans,sans-serif;border-radius:.5rem;color:var(--secondary-col);background-color:transparent;width:100%;box-sizing:border-box}.contact-form textarea{resize:none;height:11rem}.contact-form button{border-radius:.5rem;width:100%;background-color:var(--accent-col)}.contact-form button:hover{background-color:var(--accent-hover);transition:.3}.contact-form label{position:absolute;color:var(--grey-col);background-color:var(--primary-col);padding:0 .5rem;z-index:2;margin:1rem;transition:top .5s ease,color .5s ease,font-size .25s ease}.contact-form label[for=surname]{color:transparent;background-color:transparent}.contact-form label.floating-label{top:-1.75rem;font-size:.8rem;color:var(--secondary-col)}@media (max-width: 450px){.contact-form{padding:0;width:100%}}.contact-page{margin:10rem 0}.contact-form-container{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;color:var(--primary-col);padding:0 5rem 5rem 10rem;margin:0 auto;max-width:1500px}.contact-form-container h2,.contact-form-container h6,.contact-form-container h5,.contact-form-container h3{margin:0}.contact-form-container p,.contact-form-container h6{color:var(--grey-col)}.contact-form-container h2{color:var(--secondary-col)}.contact-form-container h6{font-weight:lighter}.contact-form-content{max-width:40rem}.contact-info{margin:2rem 0}.info-container{display:flex;align-items:center;margin:1rem 0}.info-container h5{color:var(--secondary-col)}.info-content{margin:0 2rem}#contact-info-icon{font-size:2rem;background-color:var(--tertiary-col);color:var(--secondary-col);padding:2rem;border-radius:.5rem}@media (max-width: 860px){.contact-form-container{padding:0 5rem 10rem}}@media (max-width: 550px){.contact-form-container{padding:0 0 10rem}.contact-form-content,.contact-form-container h2{max-width:90%}}.individual-page-container{padding:10rem 0;max-width:50%;margin:0 auto}.individual-page-container h2{margin-top:0;margin-bottom:3rem;color:var(--secondary-col)}.individual-page-container p{color:var(--grey-col)}.individual-page-container a{color:var(--secondary-col);text-decoration:none}.page-not-found-container,.email-verified-container{position:fixed;top:0;bottom:0;width:100%;height:100vh;margin:0;display:flex;justify-content:center;align-items:center}.page-not-found-content,.email-verified-content{text-align:center}.page-not-found-content h1{margin:0}.page-not-found-content h1,.page-not-found-content h3{color:var(--secondary-col)}.page-not-found-content p{color:var(--grey-col);margin:0 auto;max-width:50%}.login-page,.signup-page{top:0;left:0;width:100%;height:100vh;padding:2rem;position:fixed;display:grid;grid-template-columns:repeat(2,50%);grid-template-rows:auto;box-sizing:border-box}.login-form-container,.signup-form-container{display:flex;justify-content:center;align-items:center}.login-img-container,.signup-img-container{background-image:url(/assets/gauze-purple.webp);background-size:cover;background-position:center;background-repeat:no-repeat;border-radius:3rem}.email-verification-send-container{width:30rem;text-align:center;padding:3rem;color:var(--secondary-col)}.email-verification-send-container h3{margin:0 auto;max-width:90%}.email-verification-send-container p{color:var(--grey-col)}.email-verified-content h1,.email-verified-content h3{color:var(--secondary-col)}.email-verified-content p{color:var(--grey-col);margin:0 auto;max-width:80%}.login-link-container{color:var(--grey-col);text-decoration:none;display:block}@media (max-width: 1100px){.individual-page-container{max-width:80%}.individual-page-container h1{max-width:90%}.login-page,.signup-page{display:flex;justify-content:center;align-items:center;padding:0}.login-img-container,.signup-img-container{display:none}}@media (max-width: 450px){.individual-page-container{max-width:98%}.page-not-found-content p{max-width:80%}.email-verification-send-container{width:20rem}}.login-form{width:22rem;text-align:center;background-color:var(--primary-col);padding:3rem;border-radius:3rem}.login-form>*{display:block;width:100%}.login-form h2{color:var(--secondary-col);margin:0}.login-form p{color:var(--grey-col);font-size:1rem}.login-form input{border:1px solid var(--grey-col);padding:1rem;box-sizing:border-box;font-family:Open Sans,sans-serif;border-radius:.5rem;color:var(--secondary-col);background-color:transparent;width:100%}.login-form label{position:absolute;color:var(--grey-col);background-color:var(--primary-col);padding:0 .5rem;z-index:2;margin:1rem;transition:top .5s ease,color .5s ease,font-size .25s ease}.login-form label[for=surname]{color:transparent;background-color:transparent}.login-form label.floating-label{top:-1.75rem;font-size:.8rem;color:var(--secondary-col)}.login-btn{border-radius:.5rem;background-color:var(--accent-col)}.forgot-password-container button:hover{background-color:transparent}.or-block p{position:absolute;color:var(--grey-col);margin-top:-1.25rem;background-color:var(--primary-col);left:1rem;padding:0 .5rem}.alt-container{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;margin:0}.alt-container button{display:flex;justify-content:center;align-items:center;background-color:transparent;border:1px solid var(--grey-col);color:var(--secondary-col);margin:1rem 0;width:100%;border-radius:.5rem}.alt-login-container button:hover{background-color:var(--button-bg-black);transition:.3}@media (max-width: 400px){.login-form{width:22rem}.signup-form p,.forgot-password-container button,.home-link-container,.signup-link{font-size:.8rem}}@media (max-width: 360px){.login-form{width:20rem}}.dashboard-page{box-sizing:border-box;display:grid;grid-template-columns:15rem auto;grid-template-rows:95vh;margin:1rem;color:var(--secondary-col)}.sidebar{box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;background-color:var(--tertiary-col);color:var(--secondary-col);padding:0 2rem;border-radius:1rem}.sidebar ul{padding:0;list-style-type:none}.sidebar li{display:flex;align-items:center;margin:1rem 0}.dashboard-link{padding:.5rem 1rem;border-radius:.5rem;width:100%;color:var(--grey-col);text-decoration:none}.dashboard-link:hover{transition:.3s ease-in-out;padding:.5rem 1rem;border-radius:.5rem;width:100%;color:var(--secondary-col);text-decoration:none}.dashboard-link-sel{padding:.5rem 1rem;border-radius:.5rem;width:100%;color:var(--secondary-col);text-decoration:none;background-color:var(--button-bg-black)}.dashboard-link-icon{margin-right:.5rem}.logout-btn{width:100%;border-radius:.5rem;padding:.5rem 1rem}.dashboard-outlet{padding:0 2rem;overflow-y:scroll}.dashboard-header,.posts-table,.barchart-container,.piechart-container,.credentials-container,.notifications-container{padding:.5rem 1rem;border-radius:1rem;margin:1rem 1rem 0 0}.posts-table,.barchart-container,.piechart-container,.credentials-container,.notifications-container{background-color:var(--tertiary-col)}.posts-table-header h4{margin:.5rem}.dashboard-overview-content{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:auto;grid-template-areas:"cards cards" "barchart piechart" "table table"}.dashboard-overview-content .box:nth-child(1){grid-area:cards}.dashboard-overview-content .box:nth-child(2){grid-area:barchart}.dashboard-overview-content .box:nth-child(3){grid-area:piechart}.dashboard-overview-content .box:nth-child(4){grid-area:table}.barchart-mobile{display:none}.posts-table-header{display:flex;justify-content:space-between;align-items:center}.posts-table-header>*{display:flex;align-items:center}.filter-dropdowns{display:flex;align-items:center}.add-post-btn{font-size:1.25rem;margin:0 .5rem}.add-post-btn,.download-btn{padding:.5rem;border-radius:.5rem}.add-post-btn:hover,.download-btn:hover{background-color:var(--button-bg-black);transition:.3s ease-in-out}.search-container input,.category-select,.filter-select{background-color:var(--button-bg-black);color:var(--secondary-col);border:none;margin:0 .5rem;padding:1rem;border-radius:.5rem}.search-container{position:relative}.search-container input{padding-left:2.5rem}.search-icon{position:absolute;top:15px;left:17px}.search-container input[type=search]:focus,.category-select:focus,.filter-select:focus{border:none}.posts-table-content{display:table;table-layout:fixed;border-collapse:collapse;width:100%;z-index:1;margin:1rem 0}.posts-table-content thead{color:var(--grey-col)}.posts-table-content tr{text-align:left;border-bottom:1px solid var(--button-bg-black)}.mobile-table-title,.tablet-table,.mobile-table{display:none}.posts-table-content thead tr:first-child th:first-child{border-top-left-radius:.5rem}.posts-table-content thead tr:first-child th:last-child{border-top-right-radius:.5rem}.posts-table-content tbody tr:last-child th:first-child{border-bottom-left-radius:.5rem}.posts-table-content tbody tr:last-child th:last-child{border-bottom-right-radius:.5rem}.posts-table-content th{font-weight:400;font-size:.8rem;padding:.5rem 1rem}.posts-table-content input[type=checkbox],.checkbox-container input{appearance:none;background-color:transparent;width:16px;height:16px;border:1px solid var(--grey-col);border-radius:5px;cursor:pointer}.posts-table-content input[type=checkbox]:checked:after,.checkbox-container input:checked:after{content:"✔";text-align:center;font-size:.8rem;background-color:var(--secondary-col);color:var(--primary-col);display:block;line-height:16px;border-radius:5px;font-weight:bolder}.no-content-placeholder{text-align:center;width:100%;padding:5rem 0}.no-content-placeholder p{color:var(--grey-col);margin:0 auto;max-width:70%}.no-content-placeholder h3{margin:1rem auto}.download-btn{color:var(--secondary-col);font-size:1rem;margin:0;width:auto}.delete-popup-content{text-align:center;background-color:var(--tertiary-col);padding:5rem 0;border-radius:2rem}.delete-popup-content h3{margin:0}.delete-popup-content p{color:var(--grey-col);margin:1rem auto;max-width:60%}.delete-popup-content button{margin:1rem .5rem}.cancel-delete-btn{background-color:transparent;border:1px solid var(--grey-col);color:var(--secondary-col)}.cancel-delete-btn:hover{transition-duration:.3s;background-color:var(--button-bg-black)}.bulk-delete-btn{color:var(--secondary-col);margin:0;width:auto}.bulk-delete-btn:hover{transition-duration:.2s;color:#8b0000}.pagination-btns{display:flex;align-items:center;justify-content:left}.page-btn,.previous-page-btn,.next-page-btn{background-color:transparent;padding:.5rem;border-radius:.5rem;font-size:.8rem;margin:0 .25rem}.previous-page-btn,.next-page-btn{display:flex;align-items:center;font-size:.75rem}.previous-page-btn:hover,.next-page-btn:hover{background-color:var(--button-bg-black)}.page-btn-icon{font-size:1rem}.page-btn-sel{background-color:var(--accent-col);padding:.5rem;border-radius:.5rem;font-size:.8rem;margin:0 .25rem}.pagination-btns p{margin:0 1rem;font-size:.8rem}.expire-cards-container{display:inline-flex;justify-content:left;align-items:center}.expire-cards-container>*{margin-right:1rem}.piechart-container{max-height:20rem;display:flex;justify-content:center;align-items:center}.setting-container{display:flex;justify-content:space-between;align-items:baseline;border-bottom:1px solid var(--grey-col);padding:2rem 0}.delete-acc-container{display:flex;justify-content:space-between;align-items:center;background-color:var(--tertiary-col);border:1px solid #202020;border-radius:1rem;padding:1rem;margin:1rem 0}.setting-info h6{margin:0}.setting-info p,.notif-label p{max-width:70%;font-weight:lighter;margin:.25rem 0;color:var(--grey-col)}.setting-info ul{list-style-type:none;padding:0}.setting-info li{font-weight:lighter}.setting-content .input-container{margin:0}.setting-content .input-container input[type=text],.setting-content .input-container input[type=email],.setting-content .input-container input[type=password]{border:1px solid var(--grey-col);padding:1rem;box-sizing:border-box;font-family:Open Sans,sans-serif;border-radius:.5rem;color:var(--secondary-col);background-color:transparent;margin-bottom:1rem;width:15rem}.setting-content .input-container label{position:absolute;color:var(--grey-col);background-color:var(--primary-col);padding:0 .5rem;z-index:2;margin:1rem;transition:top .5s ease,color .5s ease,font-size .25s ease}.setting-content .input-container label.floating-label{top:-1.75rem;font-size:.8rem;color:var(--secondary-col)}.setting-content label[for=notif]{position:relative;color:var(--secondary-col);padding:0;margin:0;font-weight:bolder}.setting-container button,.delete-acc-container button{background-color:var(--secondary-col);color:var(--primary-col);border-radius:.5rem;padding:.5rem;margin:0;font-size:.85rem}.setting-container button:hover,.delete-acc-container button:hover{background-color:var(--button-bg-white);transition:.3s}.checkbox-container{display:flex;align-items:baseline}.checkbox-container input[type=checkbox]{margin:1rem}.delete-account-popup{background-color:var(--tertiary-col);text-align:center;padding:2rem;border-radius:1rem}.delete-account-popup-content{margin:0 auto;max-width:60%}.delete-account-popup-content h3{margin:0}.delete-account-popup-btns{margin:2rem 0}.delete-account-popup button{margin:auto 1rem}.sidebar-mobile{display:none;justify-content:center;align-items:center;background-color:var(--tertiary-col);color:var(--secondary-col);border-radius:.5rem}.sidebar-mobile ul{display:flex;align-items:center}.sidebar-mobile ul{padding:0;margin:0;list-style-type:none}.sidebar-mobile li{display:flex;align-items:center;margin:0}.sidebar-mobile .dashboard-link-icon{margin:0}.sidebar-mobile .dashboard-link-sel{background-color:transparent}.feedback-form{max-width:40rem}.dashboard-header p{color:var(--grey-col);max-width:50%}.feedback-form label{display:block;margin-bottom:.5rem}.feedback-form input,.feedback-form textarea{border:1px solid var(--grey-col);padding:1rem;box-sizing:border-box;font-family:Open Sans,sans-serif;border-radius:.5rem;color:var(--secondary-col);background-color:transparent;width:100%}.feedback-form textarea{resize:none;height:11rem}.feedback-form .input-container label{position:absolute;color:var(--grey-col);background-color:var(--primary-col);padding:0 .5rem;z-index:2;margin:1rem;transition:top .5s ease,color .5s ease,font-size .25s ease}.feedback-form .input-container label.floating-label{top:-1.75rem;font-size:.8rem;color:var(--secondary-col)}#surname{position:absolute;border:none;top:0;left:0;width:0;height:0;z-index:-1}.feedback-form label[for=surname]{color:transparent;background-color:transparent}.rating-dropdown{display:flex;align-items:center;width:fit-content}.rating-dropdown button{margin:0}.feedback-thanks-message{text-align:center;background-color:var(--tertiary-col);padding:2rem;border-radius:2rem}.feedback-thanks-message p{margin:0 auto;max-width:60%;color:var(--grey-col)}@media (max-width: 1100px){.dashboard-page{height:100vh;display:flex;flex-direction:column-reverse;justify-content:space-between;margin:0}.sidebar{display:none}.sidebar-mobile{display:flex}.expire-cards-container{overflow-x:scroll}.mobile-table-title{display:block}.desktop-table,.desktop-table-title{display:none}.tablet-table{display:table}}@media (max-width: 820px){.dashboard-header p{max-width:80%}}@media (max-width: 450px){.posts-table,.barchart-container,.piechart-container,.credentials-container,.notifications-container{margin:1rem 0}.dashboard-overview-content{display:block}.tablet-table{display:none}.posts-table-header{display:block}.filter-options>*{margin:.5rem 0}.mobile-table{display:table}.dashboard-outlet{padding:.5rem}.delete-popup-content{margin:0 auto;max-width:80%}.mobile-table{table-layout:auto}.search-container input{width:10rem}.setting-container{display:block}.setting-info{margin-bottom:2rem}.barchart-mobile{display:block}.barchart-desktop{display:none}.expire-cards-container{overflow-x:scroll}}@media (max-width: 405px){.box:nth-child(1),.expire-cards-container{overflow-x:scroll}.search-icon{font-size:.75rem;top:17px;left:20px}.search-container input{margin:0}.delete-acc-container{display:block}}.expire-card{border:1px solid var(--tertiary-col);width:17rem;border-radius:1rem;padding:1rem;background-color:var(--tertiary-col)}.card-header{display:flex;justify-content:flex-start;align-items:center;margin-bottom:1rem}.expire-card h6,.expire-card p{margin:0}.expire-card h6{color:var(--grey-col);font-weight:400;font-size:1rem}.expire-card p{color:var(--secondary-col);text-transform:capitalize}.expire-card h5{margin:0}.clock-icon{background-color:var(--accent-col);padding:1rem;border-radius:.5rem;color:var(--secondary-col);margin-right:1rem}.dropdown-container{position:relative;font-size:.8rem;margin:0 .5rem}.dropdown-head,.dropdown-container ul{display:flex;align-items:center;background-color:var(--button-bg-black);color:var(--secondary-col);padding:1rem;border-radius:.5rem}.dropdown-head p{margin:0}.drop-btn-container{margin-left:.5rem}.dropdown-container ul{position:absolute;z-index:4;display:block;list-style:none;padding:0}.dropdown-container li{padding:1rem;border-radius:.5rem;cursor:pointer}.dropdown-container li:hover{background-color:#181818}.options-container{position:relative}.options-head{padding:.5rem;border-radius:.25rem;width:fit-content}.options-head:hover{background-color:var(--button-bg-black)}.options-container ul{position:absolute;list-style:none;padding:0;border-radius:.5rem;top:15px;z-index:3;background-color:var(--button-bg-black)}.options-container li{padding:.5rem 1rem;border-radius:.5rem;cursor:pointer}.options-container li:hover{background-color:#181818}.option-icon{margin-left:.5rem}@media (max-width: 405px){.post-form-container button{margin:0}}.post-form-container{position:fixed;top:0;left:0;height:100vh;width:100%;background-color:#000c;display:flex;justify-content:center;align-items:center;z-index:5}.post-form-content{background-color:var(--tertiary-col);padding:2rem;border-radius:1rem}.post-form-content form{box-sizing:border-box;max-width:40rem}.post-form-content input{font-family:Open Sans,sans-serif;display:block;margin-bottom:2rem;width:90%;border:none}.post-form-content input[type=text],.post-form-content input[type=date]{background-color:var(--button-bg-black);color:var(--secondary-col);padding:1rem;border-radius:.5rem}.post-form-description{color:var(--grey-col);max-width:90%;font-size:.8rem}.post-form-content label{font-weight:bolder}.close-post-form-btn-container{width:100%;text-align:end}.close-post-form-btn{margin:1rem 0;text-align:end;padding:.5rem;border-radius:8px}.close-post-form-btn:hover{background-color:var(--button-bg-black)}.popup-overlay{position:fixed;top:0;left:0;height:100vh;width:100%;background-color:#000c;display:flex;justify-content:center;align-items:center;z-index:2}.popup-container{color:var(--secondary-col)}.dlt-acc-popup{background-color:var(--tertiary-col);padding:2rem;border-radius:1rem}.dlt-acc-popup-content{margin:0 auto;max-width:40rem}.dlt-acc-popup-content h5,.dlt-acc-popup-content button{margin:0}.dlt-acc-popup-content p{max-width:90%;color:var(--grey-col)}.dlt-acc-popup .input-container input[type=password]{border:1px solid var(--grey-col);padding:1rem;box-sizing:border-box;font-family:Open Sans,sans-serif;border-radius:.5rem;color:var(--secondary-col);background-color:transparent;margin-bottom:1rem;width:15rem}.dlt-acc-popup .input-container label{position:absolute;color:var(--grey-col);background-color:var(--tertiary-col);padding:0 .5rem;z-index:2;margin:1rem;transition:top .5s ease,color .5s ease,font-size .25s ease}.dlt-acc-popup .input-container label.floating-label{top:-1.75rem;font-size:.8rem;color:var(--secondary-col)}.error-msg p{color:var(--secondary-col)}.signup-form{width:22rem;text-align:center;background-color:var(--primary-col);padding:3rem;border-radius:3rem}.signup-form>*{display:block;width:100%}.signup-form h2{color:var(--secondary-col);margin:0}.signup-form p{color:var(--grey-col);font-size:1rem}.signup-form input{border:1px solid var(--grey-col);padding:1rem;box-sizing:border-box;font-family:Open Sans,sans-serif;border-radius:.5rem;color:var(--secondary-col);background-color:transparent;width:100%}.signup-form label{position:absolute;color:var(--grey-col);background-color:var(--primary-col);padding:0 .5rem;z-index:2;margin:1rem;transition:top .5s ease,color .5s ease,font-size .25s ease}.signup-form label[for=surname]{color:transparent;background-color:transparent}.signup-form label.floating-label{top:-1.75rem;font-size:.8rem;color:var(--secondary-col)}.signup-btn{border-radius:.5rem;background-color:var(--accent-col)}.forgot-password-container{display:flex;justify-content:space-between;align-items:center}.forgot-password-container button{padding:0;margin:0;color:var(--accent-col);background-color:transparent;width:auto;font-weight:400}.home-link-container{color:var(--grey-col);text-decoration:none}.or-block{position:relative;margin:1rem 0}.or-block hr{background-color:var(--grey-col);border-color:var(--grey-col)}.or-block p{position:absolute;color:var(--grey-col);margin-top:-1.25rem;background-color:var(--primary-col);margin-left:40%;padding:0 .5rem}.alt-signup-container{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;margin:0}.alt-signup-container img{height:1rem;margin-right:1rem}.alt-signup-container button{display:flex;justify-content:center;align-items:center;background-color:transparent;border:1px solid var(--grey-col);color:var(--secondary-col);margin:1rem 0;width:49%;border-radius:.5rem}.alt-signup-container button:hover{background-color:var(--button-bg-black);transition:.3}.signup-link-container{display:flex;justify-content:center;align-items:center}.signup-link{color:var(--accent-col);text-decoration:none;margin-left:.5rem}.home-link-container{text-align:left}@media (max-width: 400px){.signup-form{width:22rem}.signup-form p,.forgot-password-container button,.home-link-container,.signup-link{font-size:.8rem}}@media (max-width: 360px){.signup-form{width:20rem}}:root{--primary-col: black;--secondary-col: #F8F8FF;--tertiary-col: #080808;--accent-col: #582aff;--accent-hover: #6b42ff;--grey-col: #545454;--button-bg-white: #c4c4c8;--button-bg-black: #111111;font-family:Open Sans,sans-serif}button{font-family:Open Sans,sans-serif;font-size:.9rem}button:hover{background-color:var(--accent-hover);transition:.2}body{background-color:var(--primary-col);display:grid;grid-template-rows:auto 1fr auto;grid-template-columns:minmax(300px,1fr);min-height:100vh}main{margin:2rem}.main-inner{margin:0 auto;position:relative;max-width:2200px}h1{font-size:4rem}h2{font-size:3rem}h3{font-size:2.25rem}h4{font-size:2rem}h5{font-size:1.5rem}h6{font-size:1.25rem}.par-tag{margin:0;color:var(--grey-col)}.error-container p{color:var(--secondary-col)}.loading-bar{height:4px;width:100%;margin:1rem 0;--c:no-repeat linear-gradient(var(--accent-col) 0 0);background:var(--c),var(--c),var(--accent-hover);background-size:60% 100%;animation:l16 3s infinite}@keyframes l16{0%{background-position:-150% 0,-150% 0}66%{background-position:250% 0,-150% 0}to{background-position:250% 0,250% 0}}@media (max-width: 1100px){p{font-size:1.25rem}}@media (max-width: 820px){h1{font-size:4rem}}@media (max-width: 750px){main{margin:1rem}}@media (max-width: 450px){h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.75rem}h4,h5{font-size:1.25rem}h6{font-size:1rem}p{font-size:.8rem}}@media (max-width: 400px){h1{font-size:2.5rem}h2{font-size:1.5rem}h3{font-size:1.25rem}}.password-reset-form{width:22rem;text-align:center;background-color:var(--primary-col);padding:3rem;border-radius:3rem}.password-reset-form>*{display:block;width:100%}.password-reset-form-container h2{color:var(--secondary-col);margin:1rem 0}.password-reset-form-contaier p{color:var(--grey-col);font-size:1rem}.input-container{position:relative;z-index:1;margin:2rem 0}#surname{position:absolute;top:0;left:0;width:0;height:0;z-index:-1}.password-reset-form input{border:1px solid var(--grey-col);padding:1rem;box-sizing:border-box;font-family:Open Sans,sans-serif;border-radius:.5rem;color:var(--secondary-col);background-color:transparent;width:100%}.password-reset-form label{position:absolute;color:var(--grey-col);background-color:var(--primary-col);padding:0 .5rem;z-index:2;margin:1rem;transition:top .5s ease,color .5s ease,font-size .25s ease}.password-reset-form label[for=surname]{color:transparent;background-color:transparent}.password-reset-form label.floating-label{top:-1.75rem;font-size:.8rem;color:var(--secondary-col)}.password-reset-form button{margin:1rem auto}.submit-reset-btn{border-radius:.5rem;background-color:var(--accent-col);width:100%}@media (max-width: 400px){.password-reset-form{width:22rem;padding:1rem}}@media (max-width: 380px){.password-reset-form{width:20rem;padding:1rem}}