@layer components{.badge{align-items:center;background-color:var(--color-primary);border-radius:20px;color:var(--color-dark);display:flex;font-family:var(--font-family-title),sans-serif;font-size:1rem;gap:8px;padding:4px 8px;text-wrap:nowrap}.badge i{font-size:.9rem}.badge.secondary{background-color:var(--color-secondary)}.feed-link{align-items:center;display:flex;font-size:1.2rem;gap:6px}}@layer components{}.page-title{align-items:center;display:flex;flex-wrap:wrap;gap:30px;justify-content:space-between;margin-top:20px}.page-title h1{margin:0}.page-title .feed-link-container{display:flex;flex:1;justify-content:end}#article-list{display:flex;flex-direction:column;margin-top:40px}#article-list .content-holder{display:grid;gap:30px;grid-auto-rows:1fr}#article-list .content-holder article{background-color:var(--color-dark-variant);border-radius:10px;display:flex;height:100%;overflow:hidden;position:relative}#article-list .content-holder article .picture{flex:0 0 25%;position:relative}#article-list .content-holder article .picture img{height:100%;object-fit:cover;width:100%}#article-list .content-holder article .picture .badge{left:50%;margin-bottom:0;position:absolute;transform:translateX(-50%)}#article-list .content-holder article .picture .badge.category{top:10px}#article-list .content-holder article .picture .badge.reading-time{bottom:10px}#article-list .content-holder article .content{display:flex;flex:1;flex-direction:column;padding:20px 20px 5px}#article-list .content-holder article .content h2{color:var(--color-primary);line-height:1;margin-bottom:12px}#article-list .content-holder article .content p{font-size:1.1rem;font-weight:700;line-height:1.3;margin-bottom:12px}#article-list .content-holder article .content p:not(.details){flex:1}#article-list .content-holder article .content p.details{font-size:1rem;font-weight:400}#article-list .content-holder article .content p .author,#article-list .content-holder article .content p time{color:var(--color-secondary)}#article-list .content-holder article .content .read{align-self:end}#article-list .content-holder article .content .read span{font-size:2.2rem;padding-left:5px;vertical-align:middle}#article-list .content-holder article .content .read:hover{color:var(--color-primary)}#article-list .content-trigger{align-self:center;margin-top:40px}@media screen and (max-width:1024px){#article-list .content-holder{display:flex;flex-direction:column}#article-list .content-holder article{flex-direction:column}#article-list .content-holder article .picture img{height:300px}}[data-state=blocking-error]{position:relative;visibility:hidden}[data-state=blocking-error]:after{align-items:center;color:var(--color-light);content:"Oops, il semble qu'il y ait eu un petit souci, nous t'invitons à réessayer plus tard.";display:flex;inset:0;justify-content:center;padding:20px;position:absolute;text-align:center;visibility:visible}@layer components{@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.spin{animation-duration:.4s;animation-name:spin}}[data-state=blocking-loading]{--state-loader-size:80px;min-height:200px;pointer-events:none;position:relative;user-select:none}[data-state=blocking-loading]>*{filter:blur(3px)}[data-state=blocking-loading]:after{animation-duration:1s;animation-iteration-count:infinite;animation-name:spin;animation-timing-function:linear;border:5px solid transparent;border-radius:50%;border-top:5px solid var(--color-primary);content:"";height:var(--state-loader-size);left:calc(50% - var(--state-loader-size)/2);position:absolute;top:calc(50% - var(--state-loader-size)/2);width:var(--state-loader-size)}[data-state=hidden]{display:none!important}[data-state=lock-scroll]{overflow:hidden}