html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;text-decoration:none;color:inherit}input{padding:0;margin:0}button{background:none;color:inherit;border:none;padding:0;font:inherit;cursor:pointer;outline:inherit}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{background-color:#171717;line-height:1;height:100%;color:#fff}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}*,*:before,*:after{box-sizing:border-box}.container{padding:0 1rem;margin-bottom:4rem}@media (min-width: 768px){.container{padding:0 5rem}}body.no-scroll{overflow:hidden}.home{display:flex;flex-direction:column;gap:2rem}.home-wrapper{display:flex;flex-direction:column}.home-content{display:flex;flex-direction:column;gap:1rem}.home--head{display:flex;flex-direction:column;gap:.5rem}.home-title{font-size:1.5rem}.home--tags{display:flex;flex-wrap:wrap;gap:.25rem}.home-article-wrapper{display:grid;gap:1rem}@media (min-width: 640px){.home-article-wrapper{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.home-article-wrapper{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1400px){.home-article-wrapper{grid-template-columns:repeat(4,1fr)}}@media (min-width: 1600px){.home-article-wrapper{grid-template-columns:repeat(5,1fr)}}.home-no-article{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:2rem 0}.home-no-article>h2{text-align:center;font-size:2rem}.home-no-article--description{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem;text-align:center;font-size:1.2rem;max-width:40rem}.home-no-article-img{width:10rem;height:10rem}.home--load-more-btn{padding:1rem}.description-component{font-size:14px}.primary-font{font-family:Poppins,sans-serif;font-weight:600;font-style:normal}.secondary-font{font-family:Lora,serif;font-weight:500;font-style:normal;line-height:16px}.article{display:flex;flex-direction:column;border:1px solid #636363;border-radius:10px;padding:.5rem;background-color:#000;transition:transform .15s ease-out,color .15s ease-out}.article:hover{transform:scale(1.025)}.article-img-wrapper{width:100%}.article-img-wrapper>img{height:200px;object-fit:fill;border-top-right-radius:10px;border-top-left-radius:10px}.article-body{display:flex;flex:1 0 25ch;flex-direction:column;gap:1rem;padding:1rem 0}.article-body>h3{min-height:3rem}.article-source{color:gray;font-size:12px}.article-description{color:#94aad3}@media (min-width: 768px){.article{max-width:20rem}}.tag{display:flex;width:fit-content;color:#000;background-color:#fff;padding:.5rem;border:solid 1px black;border-radius:10px;text-transform:capitalize;cursor:pointer}.tag.selected{background-color:#006d77}.tags{display:flex;flex-wrap:wrap;gap:.25rem;position:relative}.tags-indicator{position:absolute;border-radius:10px;background:#006d77;z-index:0;transition:left .2s ease,top .2s ease,width .2s ease,height .2s ease}.tag{position:relative;z-index:1;background:#fff;cursor:pointer;border:solid 1px transparent;border-radius:10px}.tag:hover{color:#006d77}.tag.selected{color:#fff}.navBar{display:grid;align-items:center;padding:2rem 1rem}@media (min-width: 768px){.navBar{grid-template-columns:1fr 1fr;padding:2rem 5rem}}.navBar--title{text-align:center;font-size:1.5rem}@media (min-width: 768px){.navBar--title{text-align:end}}.navBar--icons{display:none}@media (min-width: 768px){.navBar--icons{display:flex;justify-content:end}}.navBar--icon{display:flex;align-items:center;gap:.15rem;padding:.5rem;border:1px solid transparent;border-radius:5%}.navBar--icon:hover{background-color:#272727;cursor:pointer}.navBar--icon>img{cursor:pointer;filter:invert(1);max-width:20px}.search-bar>input{height:2.5rem;width:100%}.popin{position:fixed;inset:0;z-index:2;padding:2rem 1rem;background-color:#171717;height:100%;overflow:auto;visibility:hidden;transform:translateY(-20px);opacity:0;transition:transform .3s ease,opacity .3s ease}.popin--visible{transform:translateY(0);opacity:1;visibility:initial}.popin--heading{display:flex;flex-direction:column;gap:.5rem;padding-bottom:1rem}.popin--heading--search-bar-wrapper{display:flex;gap:.5rem}.popin--heading--search-bar-wrapper>div:first-child{flex:1}.popin--body{display:flex;flex-direction:column;gap:.5rem}.popin--article{display:flex;gap:.5rem}.popin--article:hover{background-color:#272727;cursor:pointer}.popin--article--img-wrapper{max-width:5rem}.popin--article--img-wrapper>img{object-fit:cover;width:5rem;height:3rem}.toggle-wrapper{display:flex;align-items:center}.switch{width:60px;height:30px;background:#555;border-radius:50px;position:relative;cursor:pointer;transition:background .3s ease}.thumb{width:24px;height:24px;background:#000;border-radius:50%;position:absolute;top:3px;left:3px;transition:all .3s ease}.is-switch{background:#111;transform:translate(30px)}.is-switch-background{background:linear-gradient(135deg,#00a7a7,#006d77 55%,#004f4f)}.article-page{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2rem}.article-page--wrapper{display:flex;flex-direction:column;gap:1.5rem;max-width:600px}@media (min-width: 768px){.article-page--wrapper{max-width:100%}}@media (min-width: 1024px){.article-page--wrapper{max-width:50%}}.article-page--header{display:flex;flex-direction:column;gap:1rem}.article-page--header>img{object-fit:cover}.article-page--description{display:block;margin:-30px auto 0;position:relative;width:95%;padding:1rem;border:solid 1px white;border-radius:10px;background-color:#000}.article-page--decryptage{display:flex;flex-direction:column;gap:1rem}.article-page--section-version{display:flex;align-items:center;gap:1rem}.article-page--body{display:grid;gap:1rem}.article-page--title{font-size:1.5rem;line-height:1.75rem}.article-page--source{color:gray;font-size:14px}.article-page--card{padding:.75rem;border:1px solid;border-radius:10px}.article-page--card.green{background-color:#0a1d1c;border-color:#115e5980}.article-page--card.brown{background-color:#2b170b;border-color:#92400e80}@media (min-width: 768px){.article-page--card{padding:1.5rem}}.article-page--card--wrapper{display:flex;align-items:flex-start;gap:1rem}.article-page--card--logo{display:flex;border-radius:10px;padding:.4rem}.article-page--card--logo.green-light{background-color:#0d2e2b}.article-page--card--logo.brown-light{background-color:#40250b}@media (min-width: 768px){.article-page--card--logo{padding:.5rem}}.article-page--card--logo-icon{width:1.25rem;height:1.25rem}.article-page--card--logo-icon.warning{color:rgb(251,191,36,var(--tw-text-opacity, 1))}.article-page--card--content{display:flex;flex-direction:column}.article-page--card--subtitle{padding:5px 0;line-height:1.2rem;font-size:1.05rem}@media (min-width: 768px){.article-page--card--subtitle{padding:10px 0;font-size:1.1rem}}.article-page--card--description{font-weight:100;line-height:1.625}.invoices-card{background:#121214;color:#e5e7eb;border:1px solid #26262b;border-radius:14px;padding:18px 18px 8px;max-width:760px;margin:12px auto;box-shadow:0 0 0 1px #ffffff05 inset}.invoices-table__wrap{border:1px solid #26262b;border-radius:10px;overflow:hidden;background:#1a1a1e}.invoices-table{width:100%;border-collapse:separate;border-spacing:0;font-size:16px}.invoices-table thead th{text-align:left;font-weight:600;padding:14px 16px;background:#1a1a1e;border-bottom:1px solid #26262b}.invoices-table thead th:first-child{border-top-left-radius:10px}.invoices-table thead th:last-child{border-top-right-radius:10px}.invoices-table tbody{border-radius:10px;border:1px solid #26262b}.invoices-table tbody td{padding:14px 16px;border-bottom:1px solid #26262b;background:#202025}.invoices-table tbody tr:nth-child(2n) td{background:#1a1a1e}.invoices-table tbody tr:hover td{background:#1f1f23}.invoices-table .mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;letter-spacing:.2px}.invoices-table .amount{text-align:right;white-space:nowrap}.invoices-table .status.paid{color:#86efac}.invoices-table .status.pending{color:#fde68a}.invoices-table .status.unpaid{color:#fca5a5}.invoices-table tfoot .total-row th,.invoices-table tfoot .total-row td{padding:12px 16px;background:#2a2a31;border-top:1px solid #26262b;font-weight:600}.invoices-table tfoot .total-row th{border-bottom-left-radius:10px}.invoices-table tfoot .total-row td{border-bottom-right-radius:10px}@media (max-width: 520px){.invoices-table{font-size:16px}.invoices-table thead th,.invoices-table tbody td,.invoices-table tfoot th,.invoices-table tfoot td{padding:12px}}.company-details,.company-details--head{display:flex;flex-direction:column;gap:1rem}.company-details--head--img-wrapper{width:1.5rem}.company-details--head--financial-health{display:flex;align-items:center;gap:.5rem}.company-details--body{display:flex;flex-direction:column;gap:1rem}.footer{display:flex;align-items:center;justify-content:space-between;position:fixed;bottom:0;width:100%;height:3.5rem;padding:0 1rem;overflow:hidden;border-top:1px solid #313131;background-color:#000;opacity:95%}@media (min-width: 768px){.footer{display:none}}.footer--icon{display:flex;align-items:center;gap:.25rem;border:1px solid transparent;border-radius:50%;transition:border 2s}.footer--icon:active{border:1px solid #006D77;background-color:#006d77;opacity:50%}.footer--icon>img{filter:invert(1);max-width:20px}.footer--profile{width:30px}.footer--profile>img{border:1px solid black;border-radius:5rem}.company-page{display:flex;flex-direction:column;gap:1rem}.company-page--title{font-size:1.5rem}.company-page--list{display:flex;flex-direction:column;border-radius:10px;background-color:#fff;color:#000}.company-page--list>a{padding:1rem}
