@import url("https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap");@property --num{syntax:"<integer>";initial-value:0;inherits:false}:root{--themeLight:#f9f9f9;--themeLight80:#f9f9f9cc;--themeLight70:#f9f9f9b3;--themeLight50:#f9f9f980;--themeLight10:#f9f9f94a;--themeOverlay:#eee;--themeDark:#141414;--themeDark80:#141414cc;--themeDark70:#141414b3;--themeDark50:#14141480;--themeDark10:#1414144a;--themeDark05:#14141410;--themeAccent:#837beb;--themeAccent50:#837beb80;--themeAccent10:#837beb4a;--themeDanger:#fc5d6a;--goldenRatio:1.618;--goldenRatioHalf:var(--goldenRatio) /2;--heroSize:95.95px;--heroWeight:var(--h1Weight);--heroLineHeight:90px;--h1Size:59.3px;--h1Weight:900;--h2Size:36.65px;--h2Weight:700;--h3Size:22.65px;--h3Weight:600;--textSize:16px;--textWeight:400;--textLineHeight:25px;--oswald:"Oswald";--skew:0deg;--progressBarValue:0%}*,:after,:before{margin:0;padding:0;box-sizing:border-box;font-family:var(--oswald);text-decoration:none}*,:after,:before,html{scroll-behavior:smooth}html{scroll-snap-type:x mandatory}button{cursor:pointer}::-webkit-scrollbar{display:none}.centered{margin:0 auto;text-align:center}p.centered{max-width:60dvw}.alignRight{justify-items:flex-end;align-self:flex-end}body.preload *{animation-duration:0s!important;-webkit-animation-duration:0s!important;transition:background-color 0s,opacity 0s,color 0s,width 0s,height 0s,padding 0s,margin 0s!important}h1,h2,h3{font-family:var(--oswald),sans-serif}h1{font-size:var(--h1Size);font-weight:var(--h1Weight)}h2{font-size:var(--h2Size);font-weight:var(--h2Weight);color:var(--themeDark80)}h3{font-size:var(--h3Size);font-weight:var(--h3Weight);color:var(--themeDark70)}label,p{font-family:var(--oswald),sans-serif;font-weight:var(--textWeight);font-size:var(--textSize);line-height:var(--textLineHeight)}p>a{text-decoration:none;font-weight:600}p>span{font-family:var(--oswald),sans-serif}body{background-color:#b0abed;transition:background-color .25s ease-in-out}body:has(.admin),body:has(.articleCreation),body:has(.login),body:has(.signup){>.overflay,>.socials{display:none!important}}body:has(main.agora),body:has(main.legals),body:has(main.profile),body:has(main.searchResults){>.socials{display:none!important}}body:has(.listings),body:has(.postsList){#readingProgress{display:none}}body{background-color:var(--themeLight);color:var(--themeDark50);font-size:var(--textSize);font-weight:var(--textWeight);position:relative;& .accent{position:relative}& .accent:after{top:0;animation:titleAccentEntry 1s .5s forwards,titleAccentIdle 3s ease-in-out 1.5s infinite}& .accent:after,& .accent:before{content:"";height:50%;width:10px;inset:0;opacity:0;position:absolute;background-color:var(--themeDark)}& .accent:before{top:100%;animation:titleAccentEntrySecond 1s .5s forwards,titleAccentSecondIdle 3s ease-in-out 1.5s infinite}>.socials{position:absolute;top:0;left:0;transform:translateX(5%) translateY(calc(100dvh - 70px));z-index:2;display:flex;flex-direction:column;align-items:center;>p{font-family:var(--oswald);color:var(--themeDark);font-weight:400;font-size:var(--h3Size)}>a{font-size:18px;font-weight:700;color:var(--themeAccent);position:relative}& path{fill:var(--themeDark);transition:fill .25s ease-in-out}& svg:hover path{fill:var(--themeAccent)}}>.overflay{width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content;position:fixed;top:0;left:50%;transform:translateX(-50%) translateY(calc(100dvh - 70px));z-index:2;>a{>svg{transition:transform .3s ease-in-out}}& path{stroke:var(--themeDark50)}}>header{position:fixed;z-index:3;width:100%;transition:background-color .25s ease-in-out,color .5s ease-in-out;--progressBarValue:0%;>#readingProgress{height:4px;border-radius:0 10px 10px 0;background-color:var(--themeAccent);width:var(--progressBarValue)}>nav{padding-block:10px;display:flex;align-items:center;justify-content:space-between;.logo{padding-left:10px;display:flex;align-items:center;justify-content:flex-start;gap:10px;>.logoDark{display:none}>.branding{display:flex;align-items:center;gap:15px;>h1{font-size:var(--h3Size);color:var(--themeDark)}>svg{max-width:404.5px;max-height:56.63px;>path{transform:translateX(-2000px)}}>span{color:var(--themeAccent)}>p{font-weight:400;font-size:var(--textSize);color:var(--themeDark50);>a{color:var(--themeAccent);font-weight:500;transition:color .5s ease-in-out}}}}.navbar{padding-right:20px;>ul.links{display:flex;align-items:center;justify-content:flex-end;list-style:none;gap:10px;>*{color:var(--themeDark);font-weight:var(--h3Weight);>a{color:var(--themeDark);font-weight:var(--h3Weight);position:relative;--afterColor:var(--themeDark);--transform-origin:center;--transform-origin-alt:center}>a:after{content:"";inset:0;height:4px;top:120%;border-radius:10px;transform:skew(calc(var(--skew) * -1));position:absolute;background-color:var(--themeAccent);scale:0;transform-origin:var(--transform-origin);transition:scale .25s ease-in-out,width .25s ease-in-out}>a:hover:after,a.active:after{transform-origin:var(--transform-origin-alt);scale:1}>a.active:after{width:4px;left:50%;transform:translateX(-50%)}>ul.dropdown{width:-moz-fit-content;width:fit-content;position:absolute;background-color:var(--themeAccent);padding:10px 10px 20px;left:45%;top:15%;border-radius:6px;transform:scaleY(0) translateX(-50%) skew(0);transform-origin:top;list-style:none;display:grid;grid-gap:20px;gap:20px;transition:transform .25s 0ms,top .25s .3s;>li{display:flex;transform:skew(calc(var(--skew)));>a{margin:auto;color:var(--themeLight);font-weight:var(--h3Weight);position:relative;--afterColor:var(--themeDark);--transform-origin:center;--transform-origin-alt:center}>a:hover{color:var(--themeDark)}>a:after{content:"";inset:0;height:4px;width:4px;left:50%;top:120%;border-radius:10px;transform:skew(calc(var(--skew) * -1));position:absolute;background-color:var(--afterColor);scale:0;transform-origin:var(--transform-origin);transition:scale .25s ease-in-out,width .25s ease-in-out}>a:hover:after,a.active:after{transform-origin:var(--transform-origin-alt);scale:1}>a.active:after{width:4px;left:50%;transform:translateX(-50%)}}}>.navbarToggle{display:none;>svg{>path{stroke:var(--themeDark);fill:var(--themeDark)}}}>button{padding:5px;border:transparent;background-color:transparent;font-size:var(--textSize);font-weight:var(--textWeight);display:flex;align-items:center;justify-content:center;>a{color:var(--themeLight);font-weight:var(--h3Weight);position:relative;transition:color .25s ease-in-out;--afterColor2:var(--themeAccent)}>a:hover,a:active{color:var(--themeAccent)}>a:after{content:"";left:-5%;top:-20%;width:110%;height:150%;border-radius:6px;transform:skew(calc(var(--skew) * -1));position:absolute;background-color:var(--afterColor2);scale:1;transition:height .25s ease-in-out,top .25s ease-in-out,left .25s ease-in-out,width .25s ease-in-out;z-index:-1}>a:hover:after,a:active:after{height:4px;top:120%;left:0;width:100%;border-radius:10px}>svg.darkModeToggleSVG{transform:translateY(0);display:none;>path{fill:var(--themeDark);transition:fill .25s ease-in-out}}>svg:hover path{fill:var(--themeDark50)}>svg.toggle{display:block}}}>li:has(input){display:flex;flex-direction:row-reverse;>input{background-color:transparent;border:transparent;color:var(--themeDark);border-bottom:2px solid var(--themeDark)}>input::placeholder{color:var(--themeDark50)}>button{>svg{>path{transition:fill .25s ease-in-out}}}}>li:has(ul.dropdown){position:relative;display:grid;align-items:center;justify-items:end;>ul.dropdown{>li{>form>button{padding:5px;border:transparent;background-color:transparent;font-size:var(--textSize);font-weight:var(--textWeight);color:var(--themeLight);font-weight:var(--h3Weight);position:relative;transition:color .25s ease-in-out;--afterColor:var(--themeDark);--transform-origin:center;--transform-origin-alt:center}>form>button:active,>form>button:hover{color:var(--themeDark)}>form>button:after{content:"";inset:0;height:4px;width:90%;top:100%;left:5%;transform:skew(calc(var(--skew) * -1));position:absolute;background-color:var(--afterColor);scale:0;transform-origin:var(--transform-origin);transition:scale .25s ease-in-out,width .25s ease-in-out}>form>button:active:after,>form>button:hover:after{transform-origin:var(--transform-origin-alt);scale:1}>form>button:active:after{width:4px;left:50%;transform:translateX(-50%)}}}}>li:has(ul.dropdown):hover{>ul.dropdown{top:110%;transform:scaleY(1) translateX(-50%) skew(calc(var(--skew)*-1));transition:transform .25s .3s,top .25s 0ms}}>span{color:var(--themeDark50);transform:skew(calc(var(--skew) * -1))}}}}}>main{overflow:hidden;& ul{padding-left:30px;>li::marker{color:var(--themeAccent)}}>.hero{height:100dvh;width:100%;overflow-y:hidden;position:relative;>.hidden{display:none}>video,img{left:0;top:0;filter:opacity(.25) saturate(.25);width:100%;height:100%;object-fit:cover;position:absolute;z-index:-1}>.heroContent{z-index:2;max-width:90%;margin:0 auto;height:100%;display:grid;align-content:center;justify-items:center;>h2,h1{font-size:var(--heroSize);font-weight:var(--heroWeight);line-height:var(--heroLineHeight);text-transform:uppercase}>p{margin-top:30px;margin-bottom:50px;line-height:var(--h2Size);font-weight:var(--h2Weight)}>button,>p{font-size:var(--h2Size)}>button{padding:5px;border:transparent;background-color:transparent;font-weight:var(--h3Weight);>a{color:var(--themeLight);font-weight:var(--h3Weight);position:relative;transition:color .25s ease-in-out;>svg{>path{fill:var(--themeLight);transition:fill .25s ease-in-out}}}>a:hover,a path,a:active{color:var(--themeDark);& path{fill:var(--themeDark)}}>a:after{content:"";left:-5%;top:-20%;width:110%;height:150%;transform:skew(calc(var(--skew) * -1));position:absolute;background-color:var(--themeAccent);scale:1;transition:height .25s ease-in-out,top .25s ease-in-out,left .25s ease-in-out,width .25s ease-in-out;z-index:-1}>a:hover:after,a:active:after{height:4px;top:120%;left:0;width:100%}}}}>.hero.article{padding:100px;display:grid;justify-items:center;align-items:center;align-content:center;>.saveArticle{position:absolute;right:5px;bottom:0;>button.saveButton{border:transparent;background-color:transparent;>svg{>path{fill:var(--themeAccent10);transition:fill .25s ease-in-out}}}>button.saveButton.active,button.saveButton:active,button.saveButton:hover{>svg{>path{fill:var(--themeAccent)}}}}>.searchData{width:100%;display:flex;gap:10px;justify-content:flex-start;align-items:center;>.articleCategory{padding:5px;background-color:var(--themeAccent);color:var(--themeLight);font-size:var(--h3Size);font-weight:var(--h3Weight);border-radius:10px}}>.twinCol{width:100%;grid-gap:100px;gap:100px;display:grid;grid-template-columns:2fr 1fr;justify-content:space-between;>.articleInfo{width:100%;display:grid;grid-gap:20px;gap:20px;>h2{font-size:var(--heroSize);line-height:var(--heroSize)}>.articleIntro{>p{font-size:var(--h3Size);font-weight:300;line-height:calc(var(--h2Size)* .809)}}>.articleMetadatas{display:grid;grid-gap:100px;gap:100px;>.firstLine{font-weight:var(--h3Weight);display:flex;gap:10px;align-items:center;>p,a{font-weight:var(--h3Weight);color:var(--themeAccent)}}>.secondLine{display:flex;gap:10px;align-items:center;justify-content:flex-start;font-weight:var(--h3Weight);font-size:var(--h3Size);>form{margin-right:40px;>button.upvoteButton{border:transparent;background-color:transparent;>svg{>path{fill:var(--themeAccent10);transition:fill .25s ease-in-out}}}>button.upvoteButton.active{>svg{>path{fill:var(--themeAccent)}}}}>p{font-size:var(--h3Size)}>a.simpler,>p{font-weight:var(--h3Weight)}>a.simpler{color:var(--themeLight);position:relative;transition:color .25s ease-in-out;--afterColor2:var(--themeAccent)}>a.simpler:hover{color:var(--themeAccent)}>a.simpler:after{content:"";left:-5%;top:-20%;width:110%;height:150%;border-radius:6px;transform:skew(calc(var(--skew)* -1));position:absolute;background-color:var(--afterColor2);scale:1;transition:height .25s ease-in-out,top .25s ease-in-out,left .25s ease-in-out,width .25s ease-in-out;z-index:-1}>a.simpler:hover:after{height:4px;top:120%;left:0;width:100%;border-radius:10px}}}}>.articleContentInfo{display:grid;grid-gap:90px;gap:90px;>.heroSummary{display:grid;grid-gap:10px;gap:10px;>h2{font-size:var(--heroSize)}>ul{list-style:none;padding-left:0;>li{>a.h2,a.h3{display:block;margin-left:2px;border-left:2px solid var(--themeAccent);color:var(--themeDark);transition:margin-left .25s ease-in-out,border-left .25s ease-in-out}>a.h2.active,a.h3.active{margin-left:0;border-left:6px solid var(--themeAccent)}>a.h2{padding-left:20px;font-size:var(--h3Size);font-weight:var(--h3Weight)}>a.h3{padding-left:30px;font-size:calc(var(--textSize) / .809);font-weight:calc(var(--textWeight) / .809)}}}}>.heroAudio{display:grid;grid-gap:10px;gap:10px;height:-moz-fit-content;height:fit-content;>h2{font-size:var(--h1Size)}button{background-color:var(--themeDark);color:#fff;border:none;padding:10px 15px;border-radius:5px;cursor:pointer}button:hover{background-color:darken(var(--themeDark),10%)}input[type=range]{-webkit-appearance:none;width:100px;height:5px;background:var(--themeDark);border-radius:5px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:15px;height:15px;background:var(--themeAccent);border-radius:50%}input[type=range]::-moz-range-thumb{width:15px;height:15px;background:var(--themeAccent);border-radius:50%}input[type=range]::-moz-range-track{background:var(--themeDark);border-radius:5px}}}}}>.carousel{height:100dvh;width:100%;overflow-y:hidden;position:relative;>.hidden{display:none}>.carousel__track-container{position:relative;height:100%;overflow:hidden;>.carousel__track{position:relative;height:100%;margin:0;padding:0;list-style:none;transition:transform .25s ease-in;>.carousel__slide{display:flex;align-items:center;justify-content:space-between;padding:10px;position:absolute;width:100%;top:0;bottom:0;>svg{position:absolute;left:40%;>path{fill:var(--themeAccent10)}}>.hero{width:50%;transform:translateX(90px);>h2,h1{font-size:var(--heroSize);font-weight:var(--heroWeight);line-height:var(--heroLineHeight);text-transform:uppercase}>p{margin-top:10px;margin-bottom:50px;line-height:var(--h2Size);font-weight:var(--h2Weight)}>button,>p{font-size:var(--h2Size)}>button{padding:5px;border:transparent;background-color:transparent;font-weight:var(--h3Weight);>a{color:var(--themeLight);font-weight:var(--h3Weight);position:relative;transition:color .25s ease-in-out;>svg{>path{fill:var(--themeLight);transition:fill .25s ease-in-out}}}>a:hover,a path,a:active{color:var(--themeDark);& path{fill:var(--themeDark)}}>a:after{content:"";left:-5%;top:-20%;width:110%;height:150%;transform:skew(calc(var(--skew) * -1));position:absolute;background-color:var(--themeAccent);scale:1;transition:height .25s ease-in-out,top .25s ease-in-out,left .25s ease-in-out,width .25s ease-in-out;z-index:-1}>a:hover:after,a:active:after{height:4px;top:120%;left:0;width:100%}}}>img{width:45%;height:100%;object-fit:contain}}>.carousel__slide.reversed{>svg{left:-20%}>.hero{transform:translateX(-90px);order:2;display:flex;flex-direction:column;align-items:end;>h2,>p,h1{text-align:right}>button{transform:translateX(-30px)}}}>.carousel__slide.current-slide{z-index:1;background-color:var(--themeLight)}}}>.carousel__nav{position:absolute;z-index:2;right:10px;bottom:10px;display:grid;align-items:center;justify-content:flex-start;grid-gap:5px;gap:5px;>.carousel__indicator{border:transparent;overflow:hidden;background-color:var(--themeAccent50);width:8px;aspect-ratio:1/5;transform:skewY(25deg);position:relative;transition:opacity .25s ease-in-out}>.carousel__indicator.current-slide:after{content:"";background-color:var(--themeAccent);inset:0;width:100%;transform:scaleY(0);position:absolute;animation:carouselMarkerLoad 5s forwards}}}>.carousel:not(.autoplay){>.carousel__nav{>.carousel__indicator.current-slide:after{animation:carouselMarkerLoaded .5s forwards}}}>.content{scroll-snap-type:mandatory;scroll-snap-align:start;height:100dvh;padding:100px 100px 50px;display:flex;flex-direction:column;gap:20px;& .blogPostCollection{display:grid;grid-gap:20px;gap:20px}& .blogPost{width:100%;background-color:var(--themeDark10);border-radius:25px;color:var(--themeLight);padding:20px;display:grid;justify-items:center;grid-gap:15px;gap:15px;grid-template-columns:1fr 3fr;transition:background-color .25s ease-in-out;>img{max-width:200px;aspect-ratio:1;border-radius:10px;align-self:baseline}>details{width:100%;>summary{cursor:pointer;list-style:none;display:grid;grid-gap:20px;gap:20px;>p:first-child{font-weight:var(--h1Weight);font-size:var(--h2Size);font-family:var(--oswald)}>.tags{display:flex;align-items:center;gap:10px;flex-wrap:wrap;>.tag{padding:5px 10px;border-radius:50px;font-weight:var(--h2Weight)}>.tag.feature,>.tag.release{background-color:var(--themeAccent)}>.tag.feature{color:var(--accentLight)}>p{font-weight:var(--h2Weight)}}}>:nth-child(2){padding-top:20px}>:last-child{font-weight:var(--h1Weight);font-size:calc(var(--h3Size) - 4px)}}}& .blogPost:hover,.blogPost:focus-within{background-color:var(--themeDark50)}& p,ul>li{>a{color:var(--themeAccent);font-weight:var(--h3Weight);position:relative}>a:after{position:absolute;content:"";background-color:var(--themeAccent);height:3px;inset:0;transform:translateY(20px) scaleX(0) skew(calc(var(--skew) * -1));transform-origin:right center;transition:transform .25s ease-in-out}>a:hover:after{transform:translateY(20px) scaleX(1) skew(calc(var(--skew) * -1));transform-origin:left center}>span{font-weight:700;font-style:italic}}>.carousel{height:80dvh;width:100%;overflow-y:hidden;position:relative;>.hidden{display:none}>.carousel__track-container{position:relative;height:100%;overflow:hidden;>.carousel__track{position:relative;height:100%;margin:0;padding:0;list-style:none;transition:transform .25s ease-in;>.carousel__slide:not(.current-slide){opacity:0}>.carousel__slide{display:flex;align-items:center;justify-content:space-between;padding:10px;position:absolute;width:100%;top:0;bottom:0;>svg{position:absolute;left:40%;>path{fill:var(--themeAccent10)}}>.hero{display:grid;justify-items:center;grid-gap:40px;gap:40px;transform:translateX(90px);width:45%;>*{text-align:center!important}>.data{>h2.animatedCounter{transition:--num 5s;counter-set:num var(--num)}>h2.animatedCounter:after{content:counter(num)}}>button{width:-moz-fit-content;width:fit-content;padding:5px;border:transparent;background-color:transparent;font-size:calc(var(--h2Size) * .7);font-weight:var(--h3Weight);>a{color:var(--themeDark);font-weight:var(--h3Weight);position:relative;transition:color .25s ease-in-out .25s;>svg{>path{fill:var(--themeDark);scale:.7;transform:translateY(35%) translateX(25%);transition:fill .25s ease-in-out .25s}}}>a:hover,a path,a:active{color:var(--themeLight);& path{fill:var(--themeLight)}}>a:after{content:"";left:-5%;top:-20%;width:110%;height:150%;transform:skew(calc(var(--skew) * -1));position:absolute;border:3px solid var(--themeAccent);background-color:var(--themeLight);scale:1;transition:background-color .25s ease-in-out .25s;z-index:-1}>a:before,>a:hover:after,a:active:after{background-color:var(--themeAccent)}>a:before{content:"";left:0;top:0;width:110%;height:150%;transform:skew(calc(var(--skew) * -1));position:absolute;border:3px solid var(--themeAccent);scale:1;z-index:-1}>a:before,>a:hover:before,a:active:before{transition:top .25s ease-in-out,left .25s ease-in-out,width .25s ease-in-out}>a:hover:before,a:active:before{left:-5%;top:-20%;width:100%}}}>img{width:50%;height:100%;object-fit:cover}}>.carousel__slide.reversed{>svg{left:-20%}>.hero{transform:translateX(-90px);order:2;display:flex;flex-direction:column;align-items:end;>h2,>p{text-align:right}>button{transform:translateX(-30px)}}}>.carousel__slide.current-slide{z-index:1;background-color:var(--themeLight)}>.carousel__slide:first-child.current-slide{>.hero{>.data{>h2.animatedCounter{--num:650}}}}>.carousel__slide:nth-child(2).current-slide{>.hero{>.data{>h2.animatedCounter{--num:25}}}}>.carousel__slide:nth-child(3).current-slide{>.hero{>.data{>h2.animatedCounter{--num:225000}}}}}}>.carousel__nav{position:absolute;z-index:2;right:10px;top:50%;transform:translateY(-50%);display:grid;align-items:center;justify-content:flex-start;grid-gap:5px;gap:5px;>.carousel__indicator{border:transparent;overflow:hidden;background-color:var(--themeAccent50);width:8px;aspect-ratio:1/5;transform:skewY(25deg);position:relative;transition:opacity .25s ease-in-out}>.carousel__indicator.current-slide:after{content:"";background-color:var(--themeAccent);inset:0;width:100%;transform:scaleY(0);position:absolute;animation:carouselMarkerLoad 15s forwards}}}>.carousel:not(.autoplay){>.carousel__nav{>.carousel__indicator.current-slide:after{animation:carouselMarkerLoaded .5s forwards}}}>.twoBlocs{display:grid;grid-gap:20px;gap:20px;grid-template-columns:repeat(2,1fr);align-items:center;justify-items:center;>img{max-width:500px;aspect-ratio:1;object-fit:contain}>.info{display:grid;grid-gap:40px;gap:40px;>button{width:-moz-fit-content;width:fit-content;padding:5px;border:transparent;background-color:transparent;font-size:calc(var(--h2Size) * .7);font-weight:var(--h3Weight);>a{color:var(--themeDark);font-weight:var(--h3Weight);position:relative;transition:color .25s ease-in-out .25s;>svg{>path{fill:var(--themeDark);scale:.7;transform:translateY(35%) translateX(25%);transition:fill .25s ease-in-out .25s}}}>a:hover,a path,a:active{color:var(--themeLight);& path{fill:var(--themeLight)}}>a:after{content:"";left:-5%;top:-20%;width:110%;height:150%;transform:skew(calc(var(--skew) * -1));position:absolute;border:3px solid var(--themeAccent);background-color:var(--themeLight);scale:1;transition:background-color .25s ease-in-out .25s;z-index:-1}>a:before,>a:hover:after,a:active:after{background-color:var(--themeAccent)}>a:before{content:"";left:0;top:0;width:110%;height:150%;transform:skew(calc(var(--skew) * -1));position:absolute;border:3px solid var(--themeAccent);scale:1;z-index:-1}>a:before,>a:hover:before,a:active:before{transition:top .25s ease-in-out,left .25s ease-in-out,width .25s ease-in-out}>a:hover:before,a:active:before{left:-5%;top:-20%;width:100%}}}}>.twoBlocs.reversed{display:grid;grid-template-columns:repeat(2,1fr);align-items:center;justify-items:center;>.info{order:-1}}>.threeBlocs{display:grid;grid-gap:20px;gap:20px;grid-template-columns:repeat(3,1fr);align-items:center;justify-items:center;>img{max-width:500px;aspect-ratio:1;object-fit:contain}>.info{display:grid;grid-gap:40px;gap:40px;position:relative;>img{max-width:50%;object-fit:cover}>img,>img.bg{aspect-ratio:1}>img.bg{max-width:100%;position:absolute;inset:1;transform:translateY(-10%);opacity:.5;z-index:-1}>img.illustration{max-width:100%;aspect-ratio:16/9}>button{width:-moz-fit-content;width:fit-content;padding:5px;border:transparent;background-color:transparent;font-size:calc(var(--h2Size) * .7);font-weight:var(--h3Weight);>a{color:var(--themeDark);font-weight:var(--h3Weight);position:relative;transition:color .25s ease-in-out .25s;>svg{>path{fill:var(--themeDark);scale:.7;transform:translateY(35%) translateX(25%);transition:fill .25s ease-in-out .25s}}}>a:hover,a path,a:active{color:var(--themeLight);& path{fill:var(--themeLight)}}>a:after{content:"";left:-5%;top:-20%;width:110%;height:150%;transform:skew(calc(var(--skew) * -1));position:absolute;border:3px solid var(--themeAccent);background-color:var(--themeLight);scale:1;transition:background-color .25s ease-in-out .25s;z-index:-1}>a:before,>a:hover:after,a:active:after{background-color:var(--themeAccent)}>a:before{content:"";left:0;top:0;width:110%;height:150%;transform:skew(calc(var(--skew) * -1));position:absolute;border:3px solid var(--themeAccent);scale:1;z-index:-1}>a:before,>a:hover:before,a:active:before{transition:top .25s ease-in-out,left .25s ease-in-out,width .25s ease-in-out}>a:hover:before,a:active:before{left:-5%;top:-20%;width:100%}}}}>.threeBlocs.accentBg{position:relative}>.threeBlocs.accentBg:after{content:"";width:90%;height:25%;top:15%;position:absolute;background-color:var(--themeAccent);z-index:-1}>.gridBlocs{display:grid;grid-gap:40px;gap:40px;grid-template-columns:repeat(2,1fr);align-items:start;justify-items:stretch;>img{max-width:500px;aspect-ratio:1;object-fit:contain}>.info{display:grid;grid-gap:12px;gap:12px;>:first-child{padding-bottom:13px}>img{max-width:50%;object-fit:cover}>img,>img.bg{aspect-ratio:1}>img.bg{max-width:100%;position:absolute;inset:1;transform:translateY(-10%);opacity:.5;z-index:-1}>img.illustration{max-width:100%;aspect-ratio:16/9}>button{width:-moz-fit-content;width:fit-content;padding:5px;border:transparent;background-color:transparent;font-size:calc(var(--h2Size) * .7);font-weight:var(--h3Weight);>a{color:var(--themeDark);font-weight:var(--h3Weight);position:relative;transition:color .25s ease-in-out .25s;>svg{>path{fill:var(--themeDark);scale:.7;transform:translateY(35%) translateX(25%);transition:fill .25s ease-in-out .25s}}}>a:hover,a path,a:active{color:var(--themeLight);& path{fill:var(--themeLight)}}>a:after{content:"";left:-5%;top:-20%;width:110%;height:150%;transform:skew(calc(var(--skew) * -1));position:absolute;border:3px solid var(--themeAccent);background-color:var(--themeLight);scale:1;transition:background-color .25s ease-in-out .25s;z-index:-1}>a:before,>a:hover:after,a:active:after{background-color:var(--themeAccent)}>a:before{content:"";left:0;top:0;width:110%;height:150%;transform:skew(calc(var(--skew) * -1));position:absolute;border:3px solid var(--themeAccent);scale:1;z-index:-1}>a:before,>a:hover:before,a:active:before{transition:top .25s ease-in-out,left .25s ease-in-out,width .25s ease-in-out}>a:hover:before,a:active:before{left:-5%;top:-20%;width:100%}}}}>.gridBlocs.form{grid-template-columns:1.5fr 2fr;>.info{>input,select,textarea{transform:skew(calc(var(--skew)*-1));border:1px solid var(--themeAccent);color:var(--themeDark);background-color:var(--themeLight);outline:transparent;padding:10px}>input:focus-within,select:focus-within,textarea:focus-within{border:3px solid var(--themeAccent)}>input::placeholder,select::placeholder{color:var(--themeDark50)}>select{>option{background-color:var(--themeLight);color:var(--themeDark)}}>textarea{transform:skew(0)}}}.bentoTiles{display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(4,1fr);grid-gap:10px;gap:10px;>.tile{position:relative;display:grid;align-items:stretch;cursor:pointer;>img{object-fit:cover;max-width:100%;transition:filter .25s ease-in-out}>p{position:absolute;width:100%;text-align:center;inset:0;top:50%;opacity:0;font-size:calc(var(--h2Size)*.809);font-weight:var(--h1Weight);color:var(--themeLight);transition:opacity .25s ease-in-out .25s}}>.tile:hover{>img{filter:saturate(10%) grayscale(100%) contrast(50%)}>p{opacity:1}}>.tile:first-child{grid-area:1/1/3/3}>.tile:nth-child(2){grid-area:1/3/3/4}>.tile:nth-child(3){grid-area:1/4/2/6}>.tile:nth-child(4){grid-area:3/1/5/2}>.tile:nth-child(5){grid-area:3/2/4/4}>.tile:nth-child(6){grid-area:4/2/5/4}>.tile:nth-child(7){grid-area:2/4/4/6}>.tile:nth-child(8){grid-area:4/4/5/6}}.skewedTiles{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:10px;gap:10px;>.tile{aspect-ratio:1/1.5;transform:skew(calc(var(--skew)*-.5));position:relative;display:grid;align-items:stretch;cursor:pointer;>img{object-fit:cover;max-width:100%;transition:filter .25s ease-in-out}>p{position:absolute;width:100%;text-align:center;inset:0;top:50%;opacity:0;font-size:calc(var(--h2Size)*.809);font-weight:var(--h1Weight);color:var(--themeLight);transition:opacity .25s ease-in-out .25s}}>.tile:hover{>img{filter:saturate(10%) grayscale(100%) contrast(50%)}>p{opacity:1}}}>.infiniteCarousel{width:100vw;mask:linear-gradient(90deg,transparent,var(--accentLight) 40%,var(--accentLight) 60%,transparent);-webkit-mask:linear-gradient(90deg,transparent,var(--accentLight) 40%,var(--accentLight) 60%,transparent);>ul{display:flex;gap:50px;list-style:none;padding:0;>li{display:grid;grid-gap:20px;gap:20px;max-width:40dvw;position:relative;>p>span>a{color:var(--themeAccent);position:relative}>p>span>a:after{position:absolute;content:"";background-color:var(--themeAccent);height:3px;inset:0;border-radius:10px;transform:translateY(20px) scaleX(0);transform-origin:right center;transition:transform .25s ease-in-out}>p>span>a:hover:after{transform:translateY(20px) scaleX(1);transform-origin:left center}}>li:before{position:absolute;font-family:var(--lobster);top:0;left:20%;transform:translateX(-80%) translateY(-20%);content:'"';color:var(--themeAccent);font-size:calc(var(--heroSize)*calc(var(--goldenRatio)*3));opacity:.7}}>ul[aria-hidden]{display:none}}>.infiniteCarousel.reversed{>ul{flex-direction:row-reverse}}>.infiniteCarousel[data-animated]{overflow:hidden}>.infiniteCarousel[data-animated] .infiniteCarouselList{width:max-content;animation:scroll 20s linear infinite}>.reversed.infiniteCarousel[data-animated] .infiniteCarouselList{width:max-content;animation:scroll 20s linear infinite reverse}>.infiniteCarousel[data-animated]:has(li:hover) .infiniteCarouselList{animation-play-state:paused!important}>button:not(.simpler){width:-moz-fit-content;width:fit-content;padding:5px;border:transparent;background-color:transparent;font-size:calc(var(--h2Size) * .7);font-weight:var(--h3Weight);>a{color:var(--themeDark);font-weight:var(--h3Weight);position:relative;transition:color .25s ease-in-out .25s;>svg{>path{fill:var(--themeDark);scale:.7;transform:translateY(35%) translateX(25%);transition:fill .25s ease-in-out .25s}}}>a:hover,a path,a:active{color:var(--themeLight);& path{fill:var(--themeLight)}}>a:after{content:"";left:-5%;top:-20%;width:110%;height:150%;transform:skew(calc(var(--skew) * -1));position:absolute;border:3px solid var(--themeAccent);background-color:var(--themeLight);scale:1;transition:background-color .25s ease-in-out .25s;z-index:-1}>a:before,>a:hover:after,a:active:after{background-color:var(--themeAccent)}>a:before{content:"";left:0;top:0;width:110%;height:150%;transform:skew(calc(var(--skew) * -1));position:absolute;border:3px solid var(--themeAccent);scale:1;z-index:-1}>a:before,>a:hover:before,a:active:before{transition:top .25s ease-in-out,left .25s ease-in-out,width .25s ease-in-out}>a:hover:before,a:active:before{left:-5%;top:-20%;width:100%}}>button.simpler{width:-moz-fit-content;width:fit-content;padding:5px;border:transparent;background-color:transparent;font-size:calc(var(--h2Size) * .7);font-weight:var(--h3Weight);>a{color:var(--themeLight);font-weight:var(--h3Weight);position:relative;transition:color .25s ease-in-out;>svg{>path{fill:var(--themeLight);scale:.7;transform:translateY(35%) translateX(25%);transition:fill .25s ease-in-out}}}>a:hover,a path,a:active{color:var(--themeDark);& path{fill:var(--themeDark)}}>a:after{content:"";left:-5%;top:-20%;width:110%;height:150%;transform:skew(calc(var(--skew) * -1));position:absolute;background-color:var(--themeAccent);scale:1;transition:height .25s ease-in-out,top .25s ease-in-out,left .25s ease-in-out,width .25s ease-in-out;z-index:-1}>a:hover:after,a:active:after{height:4px;top:120%;left:0;width:100%}}}>.content:not(:first-child){padding:0 100px 50px}>.carousel+.content:not(:first-child){padding:100px 100px 50px}>.content.fit{height:-moz-fit-content;height:fit-content}.content.fit.articleComments,>.content.fit.articleCore{padding-top:50px;display:grid;grid-template-columns:2fr 1fr;grid-gap:50px;gap:50px;>.listings{height:-moz-fit-content;height:fit-content;display:grid;grid-gap:100px;gap:100px;>.listing{display:grid;grid-gap:50px;gap:50px;>h2{font-size:var(--h1Size);font-weight:var(--h1Weight);color:var(--themeDark)}>.articleCardsContainer{display:grid;grid-gap:20px!important;gap:20px!important;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(4,1fr);grid-column-gap:0;grid-row-gap:0;width:-moz-fit-content;width:fit-content;>.articleCard:first-child{grid-area:1/1/3/2}>.articleCard:nth-child(2){grid-area:3/1/5/2}>.articleCard:nth-child(3){grid-area:1/2/2/3}>.articleCard:nth-child(4){grid-area:2/2/3/3}>.articleCard:nth-child(5){grid-area:3/2/4/3}>.articleCard:nth-child(6){grid-area:4/2/5/3}>.articleCard{position:relative;grid-gap:10px;gap:10px;display:grid;width:min-content;>form.saveArticle{position:absolute;right:10px;top:10px;>button.saveButton{border:transparent;background-color:transparent;>svg{>path{fill:var(--themeAccent10);transition:fill .25s ease-in-out}}}>button.saveButton.active,button.saveButton:active,button.saveButton:hover{>svg{>path{fill:var(--themeAccent)}}}}>a{>.articleMainInfo{color:var(--themeDark50);>.articleCategory{padding:4px 8px 6px;background-color:var(--themeAccent);color:var(--themeLight);font-size:calc(var(--textSize)* .809);font-weight:calc(var(--h3Weight)* .809);border-radius:10px}>h3{margin-top:5px;-webkit-line-clamp:1}>.intro,>h3{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}>.intro{-webkit-line-clamp:3;>p{font-weight:calc(var(--h3Weight)* .809)}}>.articleMainData{display:flex;gap:10px;font-weight:calc(var(--h3Weight)* .809);margin-block:10px 20px;>p{font-weight:calc(var(--h3Weight)* .809)}>a,p{color:var(--themeAccent)}}>a.simpler{width:-moz-fit-content;width:fit-content;padding:0 5px 5px;border:transparent;background-color:transparent;font-size:calc(var(--h3Size)* .809);font-weight:var(--h3Weight);color:var(--themeLight);position:relative;transition:color .25s ease-in-out;margin:auto;>svg{>path{fill:var(--themeLight);scale:.7;transform:translateY(35%) translateX(25%);transition:fill .25s ease-in-out}}}>a.simpler:hover,a.simpler path,a.simpler:active{color:var(--themeDark);& path{fill:var(--themeDark)}}>a.simpler:after{content:"";left:-5%;top:-20%;width:110%;height:135%;border-radius:10px;transform:skew(calc(var(--skew) * -1));position:absolute;background-color:var(--themeAccent);scale:1;transition:height .25s ease-in-out,top .25s ease-in-out,left .25s ease-in-out,width .25s ease-in-out;z-index:-1}>a.simpler:hover:after,a.simpler:active:after{height:4px;top:100%;left:0;width:100%}}}}.articleCard:nth-child(2),>.articleCard:first-child{>img{border-radius:10px;background-color:var(--themeDark05);aspect-ratio:3/1;width:425px;height:200px;object-fit:cover;filter:opacity(.25) saturate(.25)}}>.articleCard:nth-child(n+3){>img{border-radius:10px;background-color:var(--themeDark05);aspect-ratio:4/1;width:425px;height:125px;object-fit:cover;filter:opacity(.25) saturate(.25)}>a{>.articleMainInfo{.articleMainData,>.intro,a{display:none}}}}}>.articleCardsContainer.popular{>.articleCard:after{display:flex;align-items:center;justify-content:center;color:#f9f9f9;font-weight:var(--h3Weight);position:absolute;left:10px;top:10px;width:35px;aspect-ratio:1;border-radius:100%;background-color:var(--themeAccent50)}.articleCard:first-child:after{content:"1";background-color:#ebc07b}.articleCard:nth-child(2):after{content:"2";background-color:#cacaca}.articleCard:nth-child(3):after{content:"3";background-color:#dba494}.articleCard:nth-child(4):after{content:"4"}.articleCard:nth-child(5):after{content:"5"}.articleCard:nth-child(6):after{content:"6"}}}}>.articleContent{display:grid;grid-gap:20px;gap:20px;>.quote{width:-moz-fit-content;width:fit-content;margin-block:10px;padding-inline:10px;border-left:2px solid var(--themeAccent);>p{font-weight:calc(var(--h3Weight)* .809);font-style:italic}>p:first-child:before{content:"''";color:var(--themeAccent50)}>p:last-child{text-align:end;font-weight:var(--h3Weight);font-style:normal;font-size:calc(var(--textSize)* .809)}}}>.articleAside{height:-moz-fit-content;height:fit-content;top:50px;position:-webkit-sticky;position:sticky;display:grid;grid-gap:50px;gap:50px;>.articleContentInfo{display:grid;grid-gap:45px;gap:45px;>.heroSummary{display:grid;grid-gap:10px;gap:10px;>h2{text-align:end;font-size:var(--h2Size)}>ul{list-style:none;padding-left:0;>li{text-align:end;>a.h2,a.h3{display:block;margin-right:2px;border-right:2px solid var(--themeAccent);color:var(--themeDark);transition:margin-right .25s ease-in-out,border-right .25s ease-in-out,color .25s ease-in-out}>a.h2:after,a.h3:after{content:none!important}>a.h2.active,a.h3.active{margin-right:0;border-right:6px solid var(--themeAccent);color:var(--themeAccent)}>a.h2{padding-right:20px;font-size:var(--h3Size);font-weight:var(--h3Weight)}>a.h3{padding-right:30px;font-size:calc(var(--textSize) / .809);font-weight:calc(var(--textWeight) / .809)}}}}>.heroAudio{display:grid;grid-gap:10px;gap:10px;height:-moz-fit-content;height:fit-content;justify-items:end;>h2{text-align:end;font-size:var(--h2Size)}button{background-color:var(--themeDark);color:#fff;border:none;padding:10px 15px;border-radius:5px;cursor:pointer}button:hover{background-color:darken(var(--themeDark),10%)}input[type=range]{-webkit-appearance:none;width:100px;height:5px;background:var(--themeDark);border-radius:5px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:15px;height:15px;background:var(--themeAccent);border-radius:50%}input[type=range]::-moz-range-thumb{width:15px;height:15px;background:var(--themeAccent);border-radius:50%}input[type=range]::-moz-range-track{background:var(--themeDark);border-radius:5px}}}.reco,.stats,>.follow{display:grid;justify-content:end;justify-items:end;grid-gap:10px;gap:10px;transition:margin-top .25s ease-in-out;>h3{font-size:var(--h2Size);color:var(--themeDark)}>p{text-align:end}>.socialMediaIcons{display:flex;gap:15px;align-items:center;justify-content:flex-end;font-size:var(--h3Size);font-weight:var(--h2Weight);>a{line-height:0;>svg{>path{fill:var(--themeDark);transition:fill .25s ease-in-out}}>svg:hover{>path{fill:var(--themeAccent)}}}}>.newsSubscription{display:grid;grid-gap:20px;gap:20px;justify-items:end;>form{>button.simpler{width:-moz-fit-content;width:fit-content;padding:0 5px 5px;border:transparent;background-color:transparent;font-size:calc(var(--h3Size));font-weight:var(--h3Weight);color:var(--themeLight);position:relative;transition:color .25s ease-in-out;>svg{>path{fill:var(--themeLight);scale:.7;transform:translateY(35%) translateX(25%);transition:fill .25s ease-in-out}}}>button.simpler:hover,button.simpler path,button.simpler:active{color:var(--themeDark);& path{fill:var(--themeDark)}}>button.simpler:after{content:"";left:-5%;top:-20%;width:110%;height:150%;border-radius:10px;transform:skew(calc(var(--skew) * -1));position:absolute;background-color:var(--themeAccent);scale:1;transition:height .25s ease-in-out,top .25s ease-in-out,left .25s ease-in-out,width .25s ease-in-out;z-index:-1}>button.simpler:hover:after,button.simpler:active:after{height:4px;top:120%;left:0;width:100%}}}>.articleList{display:grid;grid-gap:50px;gap:50px;width:min-content;>.articleCard{display:grid;grid-gap:15px;gap:15px;position:relative;>img{border-radius:10px;background-color:var(--themeDark05);object-fit:cover;filter:opacity(.25) saturate(.25)}>form.saveArticle{position:absolute;right:10px;top:10px;>button.saveButton{border:transparent;background-color:transparent;>svg{>path{fill:var(--themeAccent10);transition:fill .25s ease-in-out}}}>button.saveButton.active,button.saveButton:active,button.saveButton:hover{>svg{>path{fill:var(--themeAccent)}}}}>.articleMainInfo{>.articleCategory{padding:4px 8px 6px;background-color:var(--themeAccent);color:var(--themeLight);font-size:calc(var(--textSize)* .809);font-weight:calc(var(--h3Weight)* .809);border-radius:10px}>h3{margin-top:5px}>.intro{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:3;>p{font-weight:calc(var(--h3Weight)* .809)}}>.articleMainData{display:flex;gap:10px;font-weight:calc(var(--h3Weight)* .809);margin-block:10px 20px;>p{font-weight:calc(var(--h3Weight)* .809)}>a,p{color:var(--themeAccent)}}>a.simpler{width:-moz-fit-content;width:fit-content;padding:0 5px 5px;border:transparent;background-color:transparent;font-size:calc(var(--h3Size)* .809);font-weight:var(--h3Weight);color:var(--themeLight);position:relative;transition:color .25s ease-in-out;margin:auto;>svg{>path{fill:var(--themeLight);scale:.7;transform:translateY(35%) translateX(25%);transition:fill .25s ease-in-out}}}>a.simpler:hover,a.simpler path,a.simpler:active{color:var(--themeDark);& path{fill:var(--themeDark)}}>a.simpler:after{content:"";left:-5%;top:-20%;width:110%;height:135%;border-radius:10px;transform:skew(calc(var(--skew) * -1));position:absolute;background-color:var(--themeAccent);scale:1;transition:height .25s ease-in-out,top .25s ease-in-out,left .25s ease-in-out,width .25s ease-in-out;z-index:-1}>a.simpler:hover:after,a.simpler:active:after{height:4px;top:100%;left:0;width:100%}}}}}}}>.content.fit.articleComments{display:grid;grid-template-columns:2fr 1fr;grid-gap:50px;gap:50px;>.commentSection{display:grid;grid-gap:50px;gap:50px;>.reflect{display:grid;grid-gap:20px;gap:20px;>h2{font-size:var(--h1Size)}>a.simpler{width:-moz-fit-content;width:fit-content;padding:0 5px 5px;border:transparent;background-color:transparent;font-size:calc(var(--h3Size));font-weight:var(--h3Weight);color:var(--themeLight);position:relative;transition:color .25s ease-in-out;margin:auto;>svg{>path{fill:var(--themeLight);scale:.7;transform:translateY(35%) translateX(25%);transition:fill .25s ease-in-out}}}>a.simpler:hover,a.simpler path,a.simpler:active{color:var(--themeDark);& path{fill:var(--themeDark)}}>a.simpler:after{content:"";left:-5%;top:-20%;width:110%;height:150%;border-radius:10px;transform:skew(calc(var(--skew) * -1));position:absolute;background-color:var(--themeAccent);scale:1;transition:height .25s ease-in-out,top .25s ease-in-out,left .25s ease-in-out,width .25s ease-in-out;z-index:-1}>a.simpler:hover:after,a.simpler:active:after{height:4px;top:120%;left:0;width:100%}}>.commentInput{display:grid;grid-gap:20px;gap:20px;>h2{font-size:var(--h1Size)}>form{display:flex;height:-moz-fit-content;height:fit-content;>textarea{width:100%;border-right:2px solid var(--themeDark10);border-radius:10px 0 0 10px;outline:transparent;border:2px solid var(--themeDark10);border-right-color:var(--themeAccent);color:var(--themeDark);background-color:transparent;padding:10px;height:45px;min-height:45px;resize:none;overflow-y:hidden}>textarea::placeholder{color:var(--themeDark10)}>button.simpler{width:-moz-fit-content;width:fit-content;padding:0 15px 5px;border:transparent;background-color:transparent;font-size:calc(var(--h3Size));font-weight:var(--h3Weight);color:var(--themeLight);position:relative;transition:color .25s ease-in-out;>svg{>path{fill:var(--themeLight);scale:.7;transform:translateY(35%) translateX(25%);transition:fill .25s ease-in-out}}}>button.simpler:hover,button.simpler path,button.simpler:active{color:var(--themeDark);& path{fill:var(--themeDark)}}>button.simpler:after{content:"";left:0;top:0;width:100%;height:100%;border-radius:0 10px 10px 0;transform:skew(calc(var(--skew)* -1));position:absolute;background-color:var(--themeAccent);scale:1;transition:height .25s ease-in-out,top .25s ease-in-out;z-index:-1}>button.simpler:hover:after,button.simpler:active:after{height:2px;top:calc(100% - 2px)}}}>.commentsList{display:grid;padding:0 20px 20px;>p{margin-bottom:10px}>.orderingOptions{position:relative;width:-moz-fit-content;width:fit-content;margin-bottom:20px;border-radius:10px;overflow:hidden;height:-moz-fit-content;height:fit-content;>button{color:var(--themeDark);border:transparent;background-color:transparent;padding:5px;width:60px}>button.active{color:var(--themeLight)}}>.orderingOptions:after{left:0;right:auto;content:"";width:50%;height:100%;background-color:var(--themeAccent);position:absolute;z-index:-1;transition:left .25s ease-in-out,right .25s ease-in-out}>.orderingOptions:has(button:nth-child(2).active):after{right:0;left:auto}.childrenComments>.comment,>.comment{display:flex;gap:20px;border-bottom:2px solid var(--themeDark10);padding:20px 0;align-items:flex-start;>.commentUpvotes{display:grid;justify-items:center;grid-gap:10px;gap:10px;>form{>button.upvoteButton{border:transparent;background-color:transparent;>svg{>path{fill:var(--themeAccent10);transition:fill .25s ease-in-out}}}>button.upvoteButton.active{>svg{>path{fill:var(--themeAccent)}}}}>p{font-weight:var(--h3Weight);font-size:var(--h3Size);color:var(--themeAccent)}}>.commentContent{width:100%;position:relative;>button{border:transparent;padding:10px 10px 10px 0;background-color:transparent;color:var(--themeAccent)}>.options{left:auto;right:5px;top:0;position:absolute;display:grid;justify-items:end;>button{border:none;background-color:transparent;rotate:90deg;color:var(--themeDark50)}>.actions{background-color:var(--themeOverlay);display:grid;border-radius:10px;padding:10px;grid-gap:10px;gap:10px;box-shadow:2px 2px 4px var(--themeDark05);z-index:2;>button{border:transparent;background-color:transparent;color:var(--themeDark80);padding:5px}>button:last-child{left:0;top:0;position:fixed;height:100dvh;width:100dvw;z-index:-1}>form.popup{position:fixed;left:50%;top:50%;transform:translateX(-50%) translateY(-50%);background-color:var(--themeDanger);border-radius:10px;padding:50px;color:#f9f9f9;display:grid;grid-gap:20px;gap:20px;width:-moz-fit-content;width:fit-content;z-index:4;max-width:60%;justify-items:center;>label{text-align:center}>.choices{display:flex;gap:50px;flex-wrap:wrap;justify-content:center;align-items:center;>button.simpler{width:-moz-fit-content;width:fit-content;padding:0 5px 5px;border:transparent;background-color:transparent;font-size:calc(var(--h3Size)* .809);font-weight:var(--h3Weight);color:var(--themeDark);position:relative;transition:color .25s ease-in-out;margin:auto}>button.simpler:hover,button.simpler path,button.simpler:active{color:var(--themeLight)}>button.simpler:after{content:"";left:-5%;top:-20%;width:110%;height:135%;border-radius:10px;transform:skew(calc(var(--skew) * -1));position:absolute;background-color:var(--themeLight);scale:1;transition:height .25s ease-in-out,top .25s ease-in-out,left .25s ease-in-out,width .25s ease-in-out;z-index:-1}>button.simpler.danger{color:var(--themeDanger)}>button.simpler.danger:hover{color:var(--themeLight)}>button.simpler:hover:after,button.simpler:active:after{height:4px;top:100%;left:0;width:100%}}}>form.popup.accentTheme{background-color:var(--themeAccent);>textarea{margin-right:8px;width:104%;border-radius:10px;border:transparent;padding:10px}>.choices{>button.simpler.danger{color:var(--themeAccent)}>button.simpler.danger:hover{color:var(--themeLight)}}}}}>form{margin-top:20px;display:flex;>textarea{width:100%;border-radius:10px 0 0 10px;outline:transparent;border-right:2px solid var(--themeDark10);border:2px solid var(--themeDark10);border-right-color:var(--themeAccent);color:var(--themeDark);background-color:transparent;padding:5px;height:35px;min-height:35px;resize:none;overflow-y:hidden}>textarea::placeholder{color:var(--themeDark10)}>button.simpler{width:-moz-fit-content;width:fit-content;padding:1px 10px 5px;border:transparent;background-color:transparent;font-size:calc(var(--h3Size)* .809);font-weight:calc(var(--h3Weight)* .809);color:var(--themeLight);position:relative;transition:color .25s ease-in-out;>svg{>path{fill:var(--themeLight);scale:.7;transform:translateY(35%) translateX(25%);transition:fill .25s ease-in-out}}}>button.simpler:hover,button.simpler path,button.simpler:active{color:var(--themeDark);& path{fill:var(--themeDark)}}>button.simpler:after{content:"";left:0;top:0;width:100%;height:100%;border-radius:0 10px 10px 0;transform:skew(calc(var(--skew)* -1));position:absolute;background-color:var(--themeAccent);scale:1;transition:height .25s ease-in-out,top .25s ease-in-out;z-index:-1}>button.simpler:hover:after,button.simpler:active:after{height:2px;top:calc(100% - 2px)}}>.childrenComments{margin-top:20px;padding-left:50px}}}.childrenComments>.comment:last-child,>.comment:last-child{border-bottom:none;padding-bottom:0}}}>.commentSection:has(.commentsList>p){display:flex;flex-direction:column}}}>main.signup,main.articleCreation,main.confirmPopUp,main.login{height:100dvh;width:100dvw;padding:15dvw;display:grid;grid-gap:20px;gap:20px;justify-items:center;align-content:center;>form{display:grid;grid-gap:15px;gap:15px;>.formLine{display:grid;grid-gap:10px;gap:10px;>label>span{font-weight:calc(var(--textWeight)* .809);color:var(--themeDark50);font-size:calc(var(--textSize)* .809)}>input,select,textarea{border:transparent;background-color:transparent;color:var(--themeDark80);border-bottom:2px solid var(--themeAccent);padding:10px}>input[type=checkbox]{width:50px!important;height:25px;border-radius:100px;position:relative;border:none!important;padding:0!important;color:unset!important}>input[type=checkbox]:before{content:"";height:100%;width:100%;position:absolute;top:0;left:0;background-color:#f9f9f9;border:1px solid #141414;border-radius:100px;transition:background-color .25s ease-in-out}>input[type=checkbox]:after{content:"";left:5%;right:auto;top:9%;height:80%;width:40%;position:absolute;background-color:#1414144a;border-radius:100px;transition:background-color .25s ease-in-out,left .25s ease-in-out,right .25s ease-in-out}>input[type=checkbox]:checked:before{background-color:#51c47d}>input[type=checkbox]:checked:after{right:5%;left:auto;background-color:#f9f9f9}>ul{list-style:none}}>button{width:-moz-fit-content;width:fit-content;padding:0 5px;margin:30px auto 0;border:transparent;background-color:transparent;font-size:calc(var(--h2Size) * .7);color:var(--themeDark);font-weight:var(--h3Weight);position:relative;transition:color .25s ease-in-out .25s;>svg{>path{fill:var(--themeDark);scale:.7;transform:translateY(35%) translateX(25%);transition:fill .25s ease-in-out .25s}}}>button:hover,button:active,button:active path,button:hover path{color:var(--themeLight);fill:var(--themeLight)}>button:after{content:"";left:-5%;top:-20%;width:110%;height:150%;transform:skew(calc(var(--skew) * -1));position:absolute;border:3px solid var(--themeAccent);background-color:var(--themeLight);scale:1;transition:background-color .25s ease-in-out .25s;z-index:-1}>button:before,>button:hover:after,button:active:after{background-color:var(--themeAccent)}>button:before{content:"";left:0;top:0;width:110%;height:150%;transform:skew(calc(var(--skew) * -1));position:absolute;border:3px solid var(--themeAccent);scale:1;z-index:-1}>button:before,>button:hover:before,button:active:before{transition:top .25s ease-in-out,left .25s ease-in-out,width .25s ease-in-out}>button:hover:before,button:active:before{left:-5%;top:-20%;width:100%}}>.signupPrompt{position:relative;margin-top:50px;padding-top:40px;display:grid;grid-gap:20px;gap:20px;justify-items:center;>a{color:var(--themeAccent);font-weight:var(--h3Weight);position:relative}>a:after{position:absolute;content:"";background-color:var(--themeAccent);height:3px;inset:0;transform:translateY(30px) scaleX(0) skew(calc(var(--skew) * -1));transform-origin:right center;transition:transform .25s ease-in-out}>a:hover:after{transform:translateY(30px) scaleX(1) skew(calc(var(--skew) * -1));transform-origin:left center}>.icons{display:flex;gap:10px;align-items:center;justify-content:center;>a{font-size:18px;font-weight:700;color:var(--themeAccent);position:relative}& path{fill:var(--themeDark);transition:fill .25s ease-in-out}& svg:hover path{fill:var(--themeAccent)}}}>.signupPrompt:before{content:"";position:absolute;top:0;width:40%;left:30%;height:1px;background-color:var(--themeDark);border-radius:10px}}>main:has(.articleCore){overflow:unset}>main.profile{padding:170px 100px 100px;display:grid;grid-gap:60px;gap:60px;>.globalInfo{display:flex;justify-content:space-between;>.mainInfo{display:grid;>.top{display:flex;align-items:center;gap:10px;font-weight:var(--heroWeight);>button{background-color:transparent;border:transparent;>svg{>path{fill:var(--themeDark);transition:fill .25s ease-in-out}}}>button:hover,button.active,button:active{>svg{>path{fill:var(--themeAccent)}}}>form.popup{position:fixed;left:50%;top:50%;transform:translateX(-50%) translateY(-50%);background-color:var(--themeDanger);border-radius:10px;padding:50px;color:#f9f9f9;display:grid;grid-gap:20px;gap:20px;width:-moz-fit-content;width:fit-content;z-index:4;max-width:60%;justify-items:center;>h3{color:#f9f9f9}>.formLine{display:grid;justify-items:start;grid-gap:10px;gap:10px;width:100%;>input{width:100%;font-size:16px;padding:10px;border-radius:10px;border:transparent;background-color:var(--themeLight);color:var(--themeDark)}>input[type=checkbox]{width:50px!important;height:25px;border-radius:100px;position:relative;border:none!important;padding:0!important;color:unset!important}>input[type=checkbox]:before{content:"";height:100%;width:100%;position:absolute;top:0;left:0;background-color:#f9f9f9;border-radius:100px;transition:background-color .25s ease-in-out}>input[type=checkbox]:after{content:"";left:5%;right:auto;top:9%;height:80%;width:40%;position:absolute;background-color:#1414144a;border-radius:100px;transition:background-color .25s ease-in-out,left .25s ease-in-out,right .25s ease-in-out}>input[type=checkbox]:checked:before{background-color:#51c47d}>input[type=checkbox]:checked:after{right:5%;left:auto;background-color:#f9f9f9}}>.choices{display:flex;gap:50px;flex-wrap:wrap;justify-content:center;align-items:center;>button.simpler{width:-moz-fit-content;width:fit-content;padding:0 5px 5px;border:transparent;background-color:transparent;font-size:calc(var(--h3Size)* .809);font-weight:var(--h3Weight);color:var(--themeDark);position:relative;transition:color .25s ease-in-out;margin:auto}>button.simpler:hover,button.simpler path,button.simpler:active{color:var(--themeLight)}>button.simpler:after{content:"";left:-5%;top:-20%;width:110%;height:135%;border-radius:10px;transform:skew(calc(var(--skew) * -1));position:absolute;background-color:var(--themeLight);scale:1;transition:height .25s ease-in-out,top .25s ease-in-out,left .25s ease-in-out,width .25s ease-in-out;z-index:-1}>button.simpler.danger{color:var(--themeDanger)}>button.simpler.danger:hover{color:var(--themeLight)}>button.simpler:hover:after,button.simpler:active:after{height:4px;top:100%;left:0;width:100%}}}>form.popup.accentTheme{background-color:var(--themeAccent);>.choices{>button.simpler.danger{color:var(--themeAccent)}>button.simpler.danger:hover,button.simpler.danger.alt:hover{color:var(--themeLight)}>button.simpler.danger.alt{color:var(--themeDanger);margin-top:20px}}}}>p{display:flex;gap:10px;align-items:center;>span.activeBubble{font-size:var(--h1Size);color:#51c47d}}}>button{
        /*! To remove once the accessibility features are set  */display:none;background-color:transparent;border:transparent;height:-moz-fit-content;height:fit-content;>svg{>path{fill:var(--themeDark);transition:fill .25s ease-in-out}}}>button:hover,button:active{>svg{>path{fill:var(--themeAccent)}}}}>.stats{max-width:1000px;display:grid;grid-gap:20px;gap:20px;>.statsContainer{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:30px;gap:30px;>.stat{display:grid;justify-content:center;justify-items:center;align-items:center;>p.statNum{font-size:var(--h1Size);font-weight:var(--h1Weight);line-height:var(--h1Size)}>p.statContext{font-weight:var(--h3Weight);text-align:center}}}}>.articles{display:grid;grid-gap:20px;gap:20px;>.articleList{justify-content:start;display:flex;gap:20px;max-width:100dvw;overflow:scroll;padding:20px;>.articleCard{display:grid;grid-gap:15px;gap:15px;position:relative;width:min-content;>img{border-radius:10px;background-color:var(--themeDark05);object-fit:cover;filter:opacity(.25) saturate(.25)}>form.saveArticle{position:absolute;right:10px;top:10px;>button.saveButton{border:transparent;background-color:transparent;>svg{>path{fill:var(--themeAccent10);transition:fill .25s ease-in-out}}}>button.saveButton.active,button.saveButton:active,button.saveButton:hover{>svg{>path{fill:var(--themeAccent)}}}}>.articleMainInfo{>.articleCategory{padding:4px 8px 6px;background-color:var(--themeAccent);color:var(--themeLight);font-size:calc(var(--textSize)* .809);font-weight:calc(var(--h3Weight)* .809);border-radius:10px}>h3{margin-top:5px}.intro.post,>.intro{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:3;>*{font-weight:calc(var(--h3Weight)* .809);font-size:var(--textSize);color:var(--themeDark50)}}>.articleMainData{display:flex;gap:10px;font-weight:calc(var(--h3Weight)* .809);margin-block:10px 20px;>p{font-weight:calc(var(--h3Weight)* .809)}>a,p{color:var(--themeAccent)}}>a.simpler,button.simpler{width:-moz-fit-content;width:fit-content;padding:0 5px 5px;border:transparent;background-color:transparent;font-size:calc(var(--h3Size)* .809);font-weight:var(--h3Weight);color:var(--themeLight);position:relative;transition:color .25s ease-in-out;margin:auto;>svg{>path{fill:var(--themeLight);scale:.7;transform:translateY(35%) translateX(25%);transition:fill .25s ease-in-out}}}>button.simpler.danger{margin-left:15px}>a.simpler:hover,a.simpler path,a.simpler:active,button.simpler path,button.simpler:active,button.simpler:hover{color:var(--themeDark);& path{fill:var(--themeDark)}}>a.simpler:after,button.simpler:after{content:"";left:-5%;top:-20%;width:110%;height:135%;border-radius:10px;transform:skew(calc(var(--skew) * -1));position:absolute;background-color:var(--themeAccent);scale:1;transition:height .25s ease-in-out,top .25s ease-in-out,left .25s ease-in-out,width .25s ease-in-out;z-index:-1}>button.simpler.danger:after{background-color:var(--themeDanger)}>a.simpler:hover:after,a.simpler:active:after,button.simpler:active:after,button.simpler:hover:after{height:4px;top:100%;left:0;width:100%}>.screenBlock{z-index:3;width:100dvw;height:100dvh;top:0;left:0;position:fixed;background-color:var(--themeDark50)}>form.popup{position:fixed;left:50%;top:50%;transform:translateX(-50%) translateY(-50%);background-color:var(--themeDanger);border-radius:10px;padding:50px;color:#f9f9f9;display:grid;grid-gap:20px;gap:20px;width:-moz-fit-content;width:fit-content;z-index:4;max-width:60%;justify-items:center;>label{text-align:center}>.choices{display:flex;gap:50px;flex-wrap:wrap;justify-content:center;align-items:center;>button.simpler{width:-moz-fit-content;width:fit-content;padding:0 5px 5px;border:transparent;background-color:transparent;font-size:calc(var(--h3Size)* .809);font-weight:var(--h3Weight);color:var(--themeDark);position:relative;transition:color .25s ease-in-out;margin:auto}>button.simpler:hover,button.simpler path,button.simpler:active{color:var(--themeLight)}>button.simpler:after{content:"";left:-5%;top:-20%;width:110%;height:135%;border-radius:10px;transform:skew(calc(var(--skew) * -1));position:absolute;background-color:var(--themeLight);scale:1;transition:height .25s ease-in-out,top .25s ease-in-out,left .25s ease-in-out,width .25s ease-in-out;z-index:-1}>button.simpler.danger{color:var(--themeDanger)}>button.simpler.danger:hover{color:var(--themeLight)}>button.simpler:hover:after,button.simpler:active:after{height:4px;top:100%;left:0;width:100%}}}}}>.articleCard:nth-child(n+6){display:none}}>.articleList.active{>.articleCard:nth-child(n+6){display:grid}}>button.simpler{width:-moz-fit-content;width:fit-content;padding:0 5px 5px;border:transparent;background-color:transparent;font-size:calc(var(--h3Size));font-weight:var(--h3Weight);color:var(--themeLight);position:relative;transition:color .25s ease-in-out;justify-self:end;transition:opacity .25s ease-in-out;>svg{>path{fill:var(--themeLight);scale:.7;transform:translateY(35%) translateX(25%);transition:fill .25s ease-in-out}}}>button.simpler:hover,button.simpler path,button.simpler:active{color:var(--themeDark);& path{fill:var(--themeDark)}}>button.simpler:after{content:"";left:-5%;top:-20%;width:110%;height:150%;border-radius:10px;transform:skew(calc(var(--skew) * -1));position:absolute;background-color:var(--themeAccent);scale:1;transition:height .25s ease-in-out,top .25s ease-in-out,left .25s ease-in-out,width .25s ease-in-out;z-index:-1}>button.simpler:hover:after,button.simpler:active:after{height:4px;top:120%;left:0;width:100%}>button.simpler.active{opacity:0}}>.articles:nth-child(n+6){>.articleList{>.articleCard{>.articleMainInfo{width:300px}}>.articleCard:not(:has(img)){>.saveArticle{>button{background-color:var(--themeLight);padding:0 0 10px 10px;transition:background-color .25s ease-in-out}}}}}}>main.searchResults{padding:150px 100px 100px;display:grid;grid-gap:20px;gap:20px;>.articles{display:grid;grid-gap:20px;gap:20px;>.articleList{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:30px;gap:30px;>.articleCard{display:grid;position:relative;grid-gap:10px;gap:10px;>img{border-radius:10px;background-color:var(--themeDark05);object-fit:cover;filter:opacity(.25) saturate(.25);width:100%}>form.saveArticle{position:absolute;right:10px;top:10px;>button.saveButton{border:transparent;background-color:transparent;>svg{>path{fill:var(--themeAccent10);transition:fill .25s ease-in-out}}}>button.saveButton.active,button.saveButton:active,button.saveButton:hover{>svg{>path{fill:var(--themeAccent)}}}}>.articleMainInfo{>.articleCategory{padding:4px 8px 6px;background-color:var(--themeAccent);color:var(--themeLight);font-size:calc(var(--textSize)* .809);font-weight:calc(var(--h3Weight)* .809);border-radius:10px}>h3{margin-top:5px}.postIntro,>.intro{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:3;>*{font-weight:calc(var(--h3Weight)* .809);font-size:var(--textSize);color:var(--themeDark50)}}>.articleMainData{display:flex;gap:10px;font-weight:calc(var(--h3Weight)* .809);margin-block:10px 20px;>p{font-weight:calc(var(--h3Weight)* .809)}>a,p{color:var(--themeAccent)}}>a.simpler{width:-moz-fit-content;width:fit-content;padding:0 5px 5px;border:transparent;background-color:transparent;font-size:calc(var(--h3Size)* .809);font-weight:var(--h3Weight);color:var(--themeLight);position:relative;transition:color .25s ease-in-out;margin:auto;>svg{>path{fill:var(--themeLight);scale:.7;transform:translateY(35%) translateX(25%);transition:fill .25s ease-in-out}}}>a.simpler:hover,a.simpler path,a.simpler:active{color:var(--themeDark);& path{fill:var(--themeDark)}}>a.simpler:after{content:"";left:-5%;top:-20%;width:110%;height:135%;border-radius:10px;transform:skew(calc(var(--skew) * -1));position:absolute;background-color:var(--themeAccent);scale:1;transition:height .25s ease-in-out,top .25s ease-in-out,left .25s ease-in-out,width .25s ease-in-out;z-index:-1}>a.simpler:hover:after,a.simpler:active:after{height:4px;top:100%;left:0;width:100%}}}>.articleCard:nth-child(n+7){display:none}}>.articleList.active{>.articleCard:nth-child(n+7){display:grid}}>button.simpler{width:-moz-fit-content;width:fit-content;padding:0 5px 5px;border:transparent;background-color:transparent;font-size:calc(var(--h3Size));font-weight:var(--h3Weight);color:var(--themeLight);position:relative;transition:color .25s ease-in-out;justify-self:end;transition:opacity .25s ease-in-out;>svg{>path{fill:var(--themeLight);scale:.7;transform:translateY(35%) translateX(25%);transition:fill .25s ease-in-out}}}>button.simpler:hover,button.simpler path,button.simpler:active{color:var(--themeDark);& path{fill:var(--themeDark)}}>button.simpler:after{content:"";left:-5%;top:-20%;width:110%;height:150%;border-radius:10px;transform:skew(calc(var(--skew) * -1));position:absolute;background-color:var(--themeAccent);scale:1;transition:height .25s ease-in-out,top .25s ease-in-out,left .25s ease-in-out,width .25s ease-in-out;z-index:-1}>button.simpler:hover:after,button.simpler:active:after{height:4px;top:120%;left:0;width:100%}>button.simpler.active{opacity:0}}}>main.admin{padding:170px 100px 100px;display:grid;grid-gap:50px;gap:50px;>.adminListing{display:grid;>p{font-weight:var(--h3Weight);font-size:var(--h3Size)}>.articleLine{display:flex;justify-content:space-between;padding:15px 0;gap:20px;flex-wrap:wrap;align-items:center;>.actions{display:flex;gap:30px;align-items:center;justify-content:flex-end;flex-wrap:wrap;>form.popup{position:fixed;left:50%;top:50%;transform:translateX(-50%) translateY(-50%);background-color:var(--themeDanger);border-radius:10px;padding:50px;color:#f9f9f9;display:grid;grid-gap:20px;gap:20px;width:-moz-fit-content;width:fit-content;z-index:4;max-width:60%;justify-items:center;>label{text-align:center}>.choices{display:flex;gap:50px;flex-wrap:wrap;justify-content:center;align-items:center;>button.simpler{width:-moz-fit-content;width:fit-content;padding:0 5px 5px;border:transparent;background-color:transparent;font-size:calc(var(--h3Size)* .809);font-weight:var(--h3Weight);color:var(--themeDark);position:relative;transition:color .25s ease-in-out;margin:auto}>button.simpler:hover,button.simpler path,button.simpler:active{color:var(--themeLight)}>button.simpler:after{content:"";left:-5%;top:-20%;width:110%;height:135%;border-radius:10px;transform:skew(calc(var(--skew) * -1));position:absolute;background-color:var(--themeLight);scale:1;transition:height .25s ease-in-out,top .25s ease-in-out,left .25s ease-in-out,width .25s ease-in-out;z-index:-1}>button.simpler.danger{color:var(--themeDanger)}>button.simpler.danger:hover{color:var(--themeLight)}>button.simpler:hover:after,button.simpler:active:after{height:4px;top:100%;left:0;width:100%}}}>.screenBlock{z-index:3;width:100dvw;height:100dvh;top:0;left:0;position:fixed;background-color:var(--themeDark50)}>button.simpler,a.simpler{width:-moz-fit-content;width:fit-content;padding:0 5px 5px;border:transparent;background-color:transparent;font-size:calc(var(--h3Size)* .809);font-weight:var(--h3Weight);color:var(--themeLight);position:relative;transition:color .25s ease-in-out;margin:auto}>button.simpler:hover,a.simpler path,a.simpler:active,a.simpler:hover,button.simpler path,button.simpler:active{color:var(--themeDark)}>button.simpler:after,a.simpler:after{content:"";left:-5%;top:-20%;width:110%;height:135%;border-radius:10px;transform:skew(calc(var(--skew) * -1));position:absolute;background-color:var(--themeAccent);scale:1;transition:height .25s ease-in-out,top .25s ease-in-out,left .25s ease-in-out,width .25s ease-in-out;z-index:-1}>button.simpler.danger:after{background-color:var(--themeDanger)}>button.simpler:hover:after,a.simpler:active:after,a.simpler:hover:after,button.simpler:active:after{height:4px;top:100%;left:0;width:100%}}}}}>main.agora{padding:100px;>.content.fit.articleCore{padding:0;>.postsList{display:grid;grid-gap:20px;gap:20px;>.options{display:flex;gap:20px;flex-wrap:wrap;.filters,>.ordering{display:grid;grid-gap:10px;gap:10px;>.orderingOptions{position:relative;width:-moz-fit-content;width:fit-content;border-radius:10px;overflow:hidden;height:-moz-fit-content;height:fit-content;>button{color:var(--themeDark);border:transparent;background-color:transparent;padding:5px;width:60px}>button.active{color:var(--themeLight)}}>.orderingOptions:after{left:0;right:auto;content:"";width:50%;height:100%;background-color:var(--themeAccent);position:absolute;z-index:-1;transition:left .25s ease-in-out,right .25s ease-in-out}>.orderingOptions:has(button:nth-child(2).active):after{right:0;left:auto}}>.filters{>.filteringOptions{display:flex;gap:10px;flex-wrap:wrap;>label{position:relative;padding:5px 10px;background-color:var(--themeAccent50);color:var(--themeLight);border-radius:10px;cursor:pointer;transition:background-color .25s ease-in-out;>input{cursor:pointer;position:absolute;width:100%;height:100%;top:0;left:0;opacity:0}}>label:has(:checked),label:hover{background-color:var(--themeAccent)}>button.moreFilters{border:transparent;padding:5px 10px;background-color:var(--themeAccent50);color:var(--themeLight);border-radius:10px;cursor:pointer;transition:background-color .25s ease-in-out}>button.moreFilters.active,button.moreFilters:hover{background-color:var(--themeAccent)}}}}>.articleCardsContainer{display:grid;grid-gap:50px;gap:50px;>.articleCard{position:relative;grid-gap:10px;gap:10px;display:grid;width:100%;>img{border-radius:10px;background-color:var(--themeDark05);aspect-ratio:3/1;width:100%;object-fit:cover;filter:opacity(.25) saturate(.25)}>form.saveArticle{position:absolute;right:10px;top:10px;>button.saveButton{border:transparent;background-color:transparent;>svg{>path{fill:var(--themeAccent10);transition:fill .25s ease-in-out}}}>button.saveButton.active,button.saveButton:active,button.saveButton:hover{>svg{>path{fill:var(--themeAccent)}}}}>a{>.articleMainInfo{color:var(--themeDark50);>.articleCategory{padding:4px 8px 6px;background-color:var(--themeAccent);color:var(--themeLight);font-size:calc(var(--textSize)* .809);font-weight:calc(var(--h3Weight)* .809);border-radius:10px}>h3{margin-top:5px;-webkit-line-clamp:1}>.postIntro,>h3{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}>.postIntro{-webkit-line-clamp:3;>*{font-weight:calc(var(--h3Weight)* .809);font-size:var(--textSize);color:var(--themeDark50)}}>.articleMainData{display:flex;gap:10px;font-weight:calc(var(--h3Weight)* .809);margin-block:10px 20px;>p{font-weight:calc(var(--h3Weight)* .809)}>a,p{color:var(--themeAccent)}}>a.simpler{width:-moz-fit-content;width:fit-content;padding:0 5px 5px;border:transparent;background-color:transparent;font-size:calc(var(--h3Size)* .809);font-weight:var(--h3Weight);color:var(--themeLight);position:relative;transition:color .25s ease-in-out;margin:auto;>svg{>path{fill:var(--themeLight);scale:.7;transform:translateY(35%) translateX(25%);transition:fill .25s ease-in-out}}}>a.simpler:hover,a.simpler path,a.simpler:active{color:var(--themeDark);& path{fill:var(--themeDark)}}>a.simpler:after{content:"";left:-5%;top:-20%;width:110%;height:135%;border-radius:10px;transform:skew(calc(var(--skew) * -1));position:absolute;background-color:var(--themeAccent);scale:1;transition:height .25s ease-in-out,top .25s ease-in-out,left .25s ease-in-out,width .25s ease-in-out;z-index:-1}>a.simpler:hover:after,a.simpler:active:after{height:4px;top:100%;left:0;width:100%}}}}}}>.articleAside{top:80px!important;>button{border:transparent;justify-self:end;min-width:50px;width:-moz-fit-content;width:fit-content;height:50px;padding:10px;font-weight:var(--h3Weight);font-size:var(--h2Size);border-radius:100px;background-color:var(--themeAccent);color:#f9f9f9;display:flex;align-items:center;justify-content:center;transition:rotate .25s ease-in-out}>button.active{rotate:45deg}>.newPost{>h3{font-size:var(--h2Size);color:var(--themeDark);margin-bottom:10px}>form{display:grid;grid-gap:30px;gap:30px;>.formLine{display:grid;grid-gap:10px;gap:10px;>label{text-transform:lowercase}>input,select,textarea{border-radius:10px;border:transparent;padding:10px;background-color:var(--themeDark05);color:var(--themeDark)}}>button.simpler{width:90%;padding:0 5px 5px;border:transparent;background-color:transparent;font-size:calc(var(--h3Size)* .809);font-weight:var(--h3Weight);color:var(--themeLight);position:relative;transition:color .25s ease-in-out;margin:auto;>svg{>path{fill:var(--themeLight);scale:.7;transform:translateY(35%) translateX(25%);transition:fill .25s ease-in-out}}}>button.simpler:hover,button.simpler path,button.simpler:active{color:var(--themeDark);& path{fill:var(--themeDark)}}>button.simpler:after{content:"";left:-5%;top:-20%;width:110%;height:135%;border-radius:10px;transform:skew(calc(var(--skew) * -1));position:absolute;background-color:var(--themeAccent);scale:1;transition:height .25s ease-in-out,top .25s ease-in-out,left .25s ease-in-out,width .25s ease-in-out;z-index:-1}>button.simpler:hover:after,button.simpler:active:after{height:4px;top:100%}}}>.stats{display:grid;grid-gap:20px;gap:20px;>.statsContainer{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:30px;gap:30px;>.stat{display:grid;justify-content:center;justify-items:center;align-items:center;>p.statNum{font-size:var(--h1Size);font-weight:var(--h1Weight);line-height:var(--h1Size)}>p.statContext{font-weight:var(--h3Weight);text-align:center}}}}}}}>footer{>nav{padding-block:10px;display:flex;align-items:center;justify-content:space-between;transition:background-color .25s ease-in-out,color .5s ease-in-out;.logo{padding-left:10px;display:flex;align-items:center;justify-content:flex-start;gap:10px;>.logoDark{display:none}>.branding{display:flex;align-items:center;gap:15px;>h2{font-size:var(--h3Size);color:var(--themeDark)}>svg{max-width:404.5px;max-height:56.63px;>path{transform:translateX(-2000px)}}& #tagline{fill:var(--themeDark)}>span{color:var(--themeAccent)}>p{font-weight:400;font-size:calc(var(--textSize) - 2px);color:var(--themeDark50)}}}.navbar{padding-right:20px;>ul.links{display:flex;align-items:center;justify-content:flex-end;list-style:none;gap:10px;>*{color:var(--themeDark);font-weight:var(--h3Weight);>a,a>svg>path{fill:var(--themeDark);color:var(--themeDark);font-weight:var(--h3Weight);position:relative;--afterColor:var(--themeDark);--transform-origin:center;--transform-origin-alt:center}>a:has(svg):hover:after{scale:0}>a:after{content:"";inset:0;height:4px;top:120%;transform:skew(calc(var(--skew) * -1));position:absolute;background-color:var(--afterColor);scale:0;transform-origin:var(--transform-origin);transition:scale .25s ease-in-out,width .25s ease-in-out}>a:hover:after,a.active:after{transform-origin:var(--transform-origin-alt);scale:1}>a.active:after{width:4px;left:50%;transform:translateX(-50%)}>button{padding:5px;border:transparent;background-color:transparent;font-size:var(--textSize);font-weight:var(--textWeight);>a{color:var(--themeAccent);font-weight:var(--h3Weight);position:relative;transition:color .25s ease-in-out;--afterColor2:var(--themeDark)}>a:hover,a:active{color:var(--themeDark)}>a:after{content:"";left:-5%;top:-20%;width:110%;height:150%;transform:skew(calc(var(--skew) * -1));position:absolute;background-color:var(--afterColor2);scale:1;transition:height .25s ease-in-out,top .25s ease-in-out,left .25s ease-in-out,width .25s ease-in-out;z-index:-1}>a:hover:after,a:active:after{height:4px;top:120%;left:0;width:100%}>svg.darkModeToggleSVG{transform:translateY(0);display:none}>svg.darkModeToggleSVG.toggle{display:block}}}>span{transform:skew(calc(var(--skew) * -1))}}}}}}body.dark{--themeLight:#141414;--themeLight80:#141414cc;--themeLight70:#141414b3;--themeLight50:#14141480;--themeLight10:#1414144a;--themeOverlay:#3d3d3d;--themeDark:#f9f9f9;--themeDark80:#f9f9f9cc;--themeDark70:#f9f9f9b3;--themeDark50:#f9f9f980;--themeDark10:#f9f9f94a;--themeDark05:#f9f9f910;--themeAccent:#b0abed;--themeAccent50:#b0abed80;--themeAccent10:#b0abed4a;h1{color:var(--themeLight)}>header{>nav{.logo{>.logoLight{display:none}>.logoDark{display:block}>.branding>h1{color:var(--themeDark)}& #tagline{fill:var(--themeDark)}}.navbar{>ul.links{>*{>ul.dropdown>li>a{color:var(--themeLight);--afterColor:var(--themeLight)}>button{>a{color:var(--themeLight);--afterColor2:var(--themeAccent)}>a:hover,a:active{color:var(--themeAccent)}>svg{>path{fill:var(--themeDark)}}>svg:hover path{fill:var(--themeDark50)}}}}}}}>main{>.carousel{>.carousel__track-container{>.carousel__track{>.carousel__slide{>.hero{>h2{color:var(--themeLight)}>button{>a{color:var(--themeLight);>svg{>path{fill:var(--themeLight)}}}>a:hover,a path,a:active{color:var(--themeDark);& path{fill:var(--themeDark)}}>a:after{background-color:var(--themeAccent)}}}}}}}>.content{>.twoBlocs{>.info{>button{>a:hover,a path,a:active{color:var(--themeLight);& path{fill:var(--themeLight)}}}}}>.threeBlocs{>.info{>button{>a:hover,a path,a:active{color:var(--themeLight);& path{fill:var(--themeLight)}}}}}>.gridBlocs{>.info{>button{>a:hover,a path,a:active{color:var(--themeLight);& path{fill:var(--themeLight)}}}}}>button:not(.simpler){>a:hover,a path,a:active{color:var(--themeLight);& path{fill:var(--themeLight)}}}}}>footer{>nav{.logo{>.logoLight{display:none}>.logoDark{display:block}}}}}.toAnimate{transform:translateX(-10dvw);opacity:0;transition:opacity .5s ease-in-out,transform .5s ease-in-out}.toAnimate.reversed{transform:translateX(10dvw)}.toAnimate.bottom{transform:translateX(0) translateY(50px)}.toAnimate.top{transform:translateX(0) translateY(-50px)}.animated{transform:translateX(0)!important;opacity:1}.animated.bottom,.animated.top{transform:translateX(0) translateY(0)!important;opacity:1}svg.darkModeToggleSVG{transform:translateY(10%);display:none}svg.darkModeToggleSVG.toggle{display:block}.overflay>a>svg.scrollArrows>path:first-child{animation:scrollArrowsFlash 2s infinite}.overflay>a>svg.scrollArrows>path:nth-child(2){animation:scrollArrowsFlash 2s .1s infinite}.overflay>a>svg.scrollArrows>path:nth-child(3){animation:scrollArrowsFlash 2s .2s infinite}@keyframes scrollArrowsFlash{0%{transform:translateY(-10dvh);opacity:0}25%{transform-origin:top center;transform:translateY(0);opacity:1}75%{transform-origin:bottom center;transform:translateY(0);opacity:1}to{transform-origin:bottom center;transform:translateY(10dvh);opacity:0}}.branding>p,.branding>span{animation:slideIn 1.5s forwards}@keyframes slideIn{0%{transform:translateX(-100px);opacity:0}70%{opacity:0;transform:translateX(-50px)}to{transform:translateX(0);opacity:1}}.carousel__slide>svg{animation:carouselBgPan 60s linear infinite alternate-reverse}@keyframes carouselMarkerLoad{0%{transform-origin:top center;transform:scaleY(0)}95%{transform-origin:top center;transform:scaleY(1)}96%{transform-origin:bottom center;transform:scaleY(1)}to{transform-origin:bottom center;transform:scaleY(0)}}@keyframes carouselMarkerLoaded{0%{transform-origin:top center;transform:scaleY(0)}to{transform-origin:top center;transform:scaleY(1)}}@keyframes carouselBgPan{0%{left:40%}to{left:-20%}}.carousel__slide.current-slide>.hero{animation:carouselEntryLeft .5s .15s forwards}.carousel__slide.current-slide.reversed>.hero,.carousel__slide.current-slide>img{animation:carouselEntryRight .5s .15s forwards}.carousel__slide.current-slide.reversed>img{animation:carouselEntryLeft .5s .15s forwards}.content .carousel__slide.current-slide>.hero,.content .carousel__slide.current-slide>img{animation:fadeInOut 15s forwards}@keyframes carouselEntryLeft{0%{transform:translateX(-100%);opacity:0}50%{opacity:0}to{transform:translateX(inset);opacity:1}}@keyframes carouselEntryRight{0%{transform:translateX(100%);opacity:0}50%{opacity:0}to{transform:translateX(inset);opacity:1}}@keyframes fadeInOut{0%,to{opacity:0}25%,90%{opacity:1}}svg.ctaArrow{animation:ctaArrowWiggle 1.5s ease-out infinite}a:hover>svg.ctaArrow,button:hover>svg.ctaArrow{animation:ctaArrowFlash .8s ease-out infinite}a:hover>svg.ctaArrow.pulse,button:hover>svg.ctaArrow.pulse{animation:ctaArrowPulse .8s ease-out infinite}@keyframes ctaArrowWiggle{0%,to{transform:translateX(0) translateY(5%)}50%{transform:translateX(5%) translateY(5%)}}@keyframes ctaArrowFlash{0%{transform-origin:left center;transform:scaleX(0) translateY(5%)}25%{transform-origin:left center;transform:scaleX(1) translateY(5%)}75%{transform-origin:right center;transform:scaleX(1) translateY(5%)}to{transform-origin:right center;transform:scaleX(0) translateY(5%)}}@keyframes ctaArrowPulse{0%{transform-origin:left center;transform:translateX(0) scaleX(0) translateY(20%);opacity:0}25%{transform-origin:left center;transform:translateX(20%) scaleX(1) translateY(20%);opacity:1}75%{transform-origin:right center;transform:translateX(20%) scaleX(1) translateY(20%);opacity:1}to{transform-origin:right center;transform:translateX(50%) scaleX(0) translateY(20%);opacity:0}}@keyframes titleAccentEntry{0%{top:50%;transform:translateY(-50%) translateX(0) skew(0deg) rotate(180deg);box-shadow:0 0 0 var(--themeAccent);opacity:0}to{top:0;transform:translateY(25%) translateX(-350%) skew(calc(var(--skew) * -1.3)) rotate(0deg);box-shadow:5px 5px 0 var(--themeAccent);opacity:1}}@keyframes titleAccentIdle{0%,to{top:0;transform:translateY(25%) translateX(-350%) skew(calc(var(--skew) * -1.3)) rotate(0deg)}50%{top:0;transform:translateY(40%) translateX(-350%) skew(calc(var(--skew) * -1.3)) rotate(0deg)}}@keyframes titleAccentEntrySecond{0%{top:50%;transform:translateY(-50%) translateX(0) skew(0deg) rotate(90deg);box-shadow:0 0 0 var(--themeAccent);opacity:0}to{top:100%;transform:translateY(-125%) translateX(-250%) skew(calc(var(--skew) * -1.3)) rotate(0deg);box-shadow:5px 5px 0 var(--themeAccent);opacity:1}}@keyframes titleAccentSecondIdle{0%,to{top:100%;transform:translateY(-125%) translateX(-250%) skew(calc(var(--skew) * -1.3)) rotate(0deg)}50%{top:100%;transform:translateY(-110%) translateX(-250%) skew(calc(var(--skew) * -1.3)) rotate(0deg)}}@keyframes scroll{to{translate:calc(-50% - 5px)}}@keyframes menuEntryRight{0%{transform:translateX(150%);opacity:0}50%{opacity:0}to{transform:translateX(0);opacity:1}}@keyframes menuExitRight{0%{transform:translateX(0);opacity:1}50%{opacity:1}to{transform:translateX(150);opacity:0}}@media screen and (max-width:1500px){body{>main{>.hero.article{>.twinCol{>.articleInfo{>h2{font-size:var(--h1Size);line-height:var(--h1Size)}}>.articleContentInfo{>.heroSummary{>h2{font-size:var(--h1Size);line-height:var(--h1Size)}>ul{>li{>a.h2{font-weight:400}>a.h3{font-size:var(--textSize);font-weight:var(--textWeight)}}}}}}}}}.branding>p:not(p:first-child),.branding>span{display:none}}@media screen and (max-width:1000px){@keyframes ctaArrowWiggle{0%,to{transform:scale(.6) translateX(0) translateY(50%)}50%{transform:scale(.6) translateX(5%) translateY(50%)}}@keyframes ctaArrowFlash{0%{transform-origin:left center;transform:scale(.6) scaleX(0) translateY(50%)}25%{transform-origin:left center;transform:scale(.6) scaleX(1) translateY(50%)}75%{transform-origin:right center;transform:scale(.6) scaleX(1) translateY(50%)}to{transform-origin:right center;transform:scale(.6) scaleX(0) translateY(50%)}}@keyframes ctaArrowPulse{0%{transform-origin:left center;transform:scale(.6) translateX(0) scaleX(0) translateY(50%);opacity:0}25%{transform-origin:left center;transform:scale(.6) translateX(20%) scaleX(1) translateY(50%);opacity:1}75%{transform-origin:right center;transform:scale(.6) translateX(20%) scaleX(1) translateY(50%);opacity:1}to{transform-origin:right center;transform:scale(.6) translateX(50%) scaleX(0) translateY(50%);opacity:0}}@keyframes carouselEntryRight{0%{transform:translateX(100%);opacity:0}50%{opacity:0}to{transform:translateX(-20%);opacity:1}}@keyframes carouselEntryRightAlt{0%{transform:translateX(100%);opacity:0}50%{opacity:0}to{transform:translateX(0);opacity:1}}:root{--heroSize:42.75px;--heroWeight:var(--h1Weight);--heroLineHeight:45px;--h1Size:26.42px;--h1Weight:900;--h2Size:21.38px;--h2Weight:800;--h3Size:17.3px;--h3Weight:700;--textWeight:300;--textLineHeight:30px}p.centered{max-width:70dvw}.hideMobile{display:none!important}.overflay{display:none}header:has(.navbar.active){background-color:var(--themeLight)!important;transition:background-color .25s ease-in-out!important}header .logo{z-index:2}footer .logo{padding-left:0!important}header nav{position:relative}header .navbar{position:absolute;height:50px!important;right:0;top:7px;padding-bottom:20px;padding-right:10px!important;transition:background-color .25s ease-in-out;z-index:1}header .navbar.active{background-color:var(--themeLight);width:100%;height:unset!important;>ul{height:unset!important}}header .navbar>ul{display:grid!important;height:0!important}.navbarToggle{display:block!important;width:100%;display:flex!important;justify-content:flex-end!important}.navbarToggle>svg:not(svg.toggle){display:none}header .navbar>ul>li:has(.navbarToggle){z-index:100}header .navbar>ul>li:has(.darkModeToggle),header .navbar>ul>li:has(.searchbarToggle){display:flex;justify-content:end}header .navbar>ul>li:not(:first-child){text-align:end;transform:translateX(200%)}header .navbar:not(.active)>ul>li:not(:first-child){animation:menuExitRight .25s ease-in-out forwards}header .navbar.active>ul>li:not(:first-child){animation:menuEntryRight .25s ease-in-out forwards}.navbar>ul>li:first-child>button{padding-bottom:0!important}.navbar>ul>span{display:none}ul.dropdown>li>form>button{color:var(--themeDark)!important;padding:0!important}input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none}main{z-index:5}main.articleCreation,main.login,main.signup{>form{>button:after{top:-10%!important}>button:before{top:5px!important}>button:hover:before,button:active:before{top:-10%!important;width:110%!important}}}main.profile{>.globalInfo{>.mainInfo{>.top{>form.popup.accentTheme{max-width:95dvw!important;width:100%!important;padding:25px!important}}}}>.articles{>.articleList{>.articleCard{>.articleMainInfo{>form.popup{max-width:95dvw!important;width:100%!important;padding:25px!important}}}}}}main.agora{>.content.fit.articleCore{>.postsList{>.options{>.ordering{>.orderingOptions{>button{width:90px!important}}}}}>.articleAside{>button{z-index:3;position:fixed;right:20px;bottom:20px;font-size:var(--h1Size)!important}>.newPost{z-index:2;position:fixed;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);background-color:var(--themeOverlay);padding:20px;border-radius:10px;>form{gap:10px!important;>button{margin-top:20px!important}}}}}}.adminListing{display:grid;>p{font-weight:var(--h3Weight);font-size:var(--h3Size)}>.articleLine{display:flex;justify-content:space-between;padding:15px 0;gap:20px;flex-wrap:wrap;align-items:center;>.actions{display:flex;gap:30px;align-items:center;justify-content:flex-end;flex-wrap:wrap;>form.popup{max-width:95dvw!important;width:100%!important;padding:25px!important}>.screenBlock{z-index:3;width:100dvw;height:100dvh;top:0;left:0;position:fixed;background-color:var(--themeDark50)}>button.simpler,a.simpler{width:-moz-fit-content;width:fit-content;padding:0 5px 5px;border:transparent;background-color:transparent;font-size:calc(var(--h3Size)* .809);font-weight:var(--h3Weight);color:var(--themeLight);position:relative;transition:color .25s ease-in-out;margin:auto}>button.simpler:hover,a.simpler path,a.simpler:active,a.simpler:hover,button.simpler path,button.simpler:active{color:var(--themeDark)}>button.simpler:after,a.simpler:after{content:"";left:-5%;top:-20%;width:110%;height:135%;border-radius:10px;transform:skew(calc(var(--skew) * -1));position:absolute;background-color:var(--themeAccent);scale:1;transition:height .25s ease-in-out,top .25s ease-in-out,left .25s ease-in-out,width .25s ease-in-out;z-index:-1}>button.simpler.danger:after{background-color:var(--themeDanger)}>button.simpler:hover:after,a.simpler:active:after,a.simpler:hover:after,button.simpler:active:after{height:4px;top:100%;left:0;width:100%}}}}body:has(main.articleCreation){>main.articleCreation{height:-moz-fit-content;height:fit-content;padding:70px 30px!important;>form{width:100%}}}.carousel{height:40dvh!important;width:100%;>.carousel__track-container{>.carousel__track{>.carousel__slide{>svg{animation:unset!important}>.hero{width:50%;transform:translateX(30px)!important;>p{margin-bottom:10px!important}}}>.carousel__slide.reversed{>.hero{transform:translateX(-45px)!important}}}}}.content.fit-mobile,main.fit-mobile{height:-moz-fit-content!important;height:fit-content!important}.content>br:not(h2+br){display:none}.content:not(:first-child){padding:20px 20px 0!important}.content:last-child{padding:20px!important}.content,.content:first-child{padding:100px 20px 20px!important}.accent:after,.accent:before{display:none}ul.dropdown{width:100%!important;position:static!important;background-color:transparent!important;padding:10px 0 0!important;transform:scaleY(1) translateX(0) skew(0)!important;transform-origin:none!important;display:grid;grid-gap:10px!important;gap:10px!important;transition:none!important;>li{display:unset!important;transform:none!important;>a{color:var(--themeDark)!important;--afterColor:var(--themeDark)!important}}}body{&>main{&>.hero.article{padding:65px 20px 75px;>img{filter:opacity(.15) saturate(.15)!important}>.searchData{flex-wrap:wrap!important;margin-bottom:20px}>.twoBlocs{grid-template-columns:1fr!important;>h2{font-size:var(--h1Size)}>.articleMetadatas{gap:30px}>.articleContentInfo{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:90px;gap:90px;&>.heroSummary{>h2{font-size:var(--h1Size)}}&>.heroAudio{>h2{font-size:var(--h1Size)}}}}}}>main.admin,main.agora{justify-items:center;padding:80px 20px!important;>.content.fit.articleCore{padding:0!important;>.articleAside{order:unset!important;.stats,>.follow{display:none}}}}}.twoBlocs{grid-template-columns:unset!important;padding-bottom:50px;>img{max-width:50vw!important}>.info{gap:20px!important;justify-items:center}}.twoBlocs.reversed{>img{order:-1}}.twoBlocs:last-child{padding-bottom:0}.gridBlocs{grid-template-columns:unset!important;justify-items:left!important;padding-block:0 50px!important;>.info{width:100%;gap:20px!important}}.bentoTiles{grid-template-columns:repeat(3,1fr)!important;grid-template-rows:repeat(4,1fr)!important;>.tile{>img{filter:saturate(10%) grayscale(100%) contrast(20%)}>p{opacity:1!important;font-size:var(--h1Size)!important}}>.tile:first-child{grid-area:1/1/2/3!important}>.tile:nth-child(2){grid-area:1/3/2/4!important}>.tile:nth-child(3){grid-area:3/3/5/4!important}>.tile:nth-child(4){grid-area:2/1/3/2!important}>.tile:nth-child(5){grid-area:2/2/3/4!important}>.tile:nth-child(6){grid-area:3/1/4/3!important}>.tile:nth-child(7){grid-area:4/1/5/2!important}>.tile:nth-child(8){grid-area:4/2/5/3!important}}.skewedTiles{grid-template-columns:repeat(2,1fr)!important;>.tile{>img{filter:saturate(10%) grayscale(100%) contrast(20%)}>p{opacity:1!important;font-size:var(--h1Size)!important}}}.blogPost{grid-template-columns:unset!important}.infiniteCarousel{width:100vw;mask:linear-gradient(90deg,transparent,var(--accentLight) 15%,var(--accentLight) 85%,transparent);-webkit-mask:linear-gradient(90deg,transparent,var(--accentLight) 15%,var(--accentLight) 85%,transparent);>ul{>li{max-width:50dvw!important}}}button:not(.navCTA){font-size:calc(var(--h2Size) *.8)!important;>a{padding-block:8px;padding-left:5px}}.twinCol{grid-template-columns:0!important;gap:20px!important;>.articleInfo{width:calc(100dvw - 40px)!important;>.articleIntro{>p{line-height:var(--textLineHeight)!important}}>.articleMetadatas{gap:10px!important;>.firstLine{flex-wrap:wrap;line-height:15px}>.secondLine{flex-wrap:wrap;>form{margin:0!important}>form+p{font-size:var(--h1Size)!important;color:var(--themeAccent)!important}}}}.articleContentInfo{gap:20px!important;grid-template-columns:2fr 1fr!important;width:calc(100dvw - 40px)!important;>.heroSummary{>ul{>li{>a{padding-left:10px!important;font-size:var(--textSize)!important;font-weight:300!important}>a.h3{display:none!important}}}}}}.content.fit.articleCore{grid-template-columns:none!important;>.listings{gap:50px!important;padding-bottom:25px;>.listing{gap:10px!important;>.articleCardsContainer{display:flex!important;overflow:scroll;padding:15px;width:95dvw!important;>.articleCard{>img{width:300px!important;height:150px!important}}>.articleCard:nth-child(n+3){>a{>.articleMainInfo{>.intro,a{display:-webkit-box!important}>.articleMainData{display:flex!important}>a.simpler{margin:unset!important}}}}}}}>.articleAside{order:-1;display:flex;position:static!important;align-items:center;flex-direction:column;>.articleContentInfo{width:100%;>.heroSummary{display:none!important;>h2{text-align:center!important}>ul{display:flex;max-width:95dvw;overflow:scroll;flex-wrap:nowrap;justify-content:center;align-items:center;>li{text-align:center!important;padding:15px 0;>a{padding-right:0!important;border-right:none!important;margin:0!important;padding-bottom:10px;padding-inline:15px;border-bottom:2px solid var(--themeAccent);font-size:var(--h3Size)!important;font-weight:var(--h3Weight)!important}>a.h3{color:var(--themeDark50)!important}>a.active{border-right:none;border-bottom:6px solid var(--themeAccent)}}}}>.heroAudio{justify-items:center!important}}>.follow{justify-content:center!important;justify-items:center!important;margin-top:20px!important;>.newsSubscription{justify-items:center!important;gap:20px!important}}>.reco{justify-content:start!important;justify-items:start!important;>.articleList{display:flex!important;overflow:scroll;width:95dvw!important;padding:15px;gap:25px!important}}}}.content.fit.articleComments{grid-template-columns:none!important;>.commentSection{width:100%;>.reflect{>h2{text-align:center!important}}>.commentInput{>form{>textarea{width:calc(100dvw - 120px)!important}}}>.commentsList{padding:0!important;>.orderingOptions{>button{width:90px!important}}>.comment{>.commentContent{>.options{>.actions{>form.popup{min-width:95dvw!important;padding:25px!important;>textarea{margin-right:0!important}}}}>form{>textarea{width:calc(100dvw - 185px)!important}}>.childrenComments{padding:0!important;>.comment{>.commentContent{>form{>textarea{width:calc(100dvw - 255px)!important}}}}}}}}}>.articleAside{order:-1;display:flex;position:static!important;>.reco{justify-items:start!important;>.articleList{grid-template-columns:repeat(3,1fr);padding:20px;width:95dvw!important;overflow:scroll}}}}input,select,select:focus,textarea{font-size:16px!important}}@media screen and (max-width:900px){.threeBlocs.accentBg:after{display:none}.threeBlocs{grid-template-columns:unset!important;gap:50px!important;>.info{gap:20px!important}}}@media screen and (max-width:650px){:root{--heroSize:34.58px;--heroWeight:var(--h1Weight);--heroLineHeight:45px;--h1Size:26.42px;--h1Weight:900;--h2Size:21.38px;--h2Weight:800;--h3Size:17.3px;--h3Weight:700;--textWeight:300;--textLineHeight:30px}p.centered{max-width:100dvw}.socials{display:block!important}.carousel{height:100dvh!important;>.carousel__track-container{>.carousel__track{>.carousel__slide{flex-direction:column;gap:20px!important;justify-content:center!important;>.hero{width:90%!important;transform:translateX(0)!important}>.hero,>img{margin:0 auto}>img{max-width:90vw!important;width:65%!important;height:unset!important;aspect-ratio:1}}>.carousel__slide.reversed{flex-direction:column;gap:20px!important;justify-content:center!important;>.hero{transform:translateX(0)!important}>.hero,>img{margin:0 auto}>img{order:2!important}}}}}.carousel__slide.current-slide>img{animation:carouselEntryRightAlt .5s .15s forwards}.threeBlocs.accentBg:after{display:block!important;width:25%!important;height:65%!important;top:10%!important}.bentoTiles{grid-template-columns:repeat(2,1fr)!important;grid-template-rows:repeat(4,1fr)!important;>.tile:first-child,>.tile:nth-child(2),>.tile:nth-child(3),>.tile:nth-child(4),>.tile:nth-child(5),>.tile:nth-child(6),>.tile:nth-child(7),>.tile:nth-child(8){grid-area:unset!important}}.infiniteCarousel{>ul{>li{max-width:85dvw!important}}}main.profile{padding:80px 20px!important;>.globalInfo{>.mainInfo{>.top{flex-wrap:wrap!important;>a{scale:.7!important}}}}>.stats{>.statsContainer{grid-template-columns:repeat(2,1fr)!important}}}main.searchResults{padding:80px 20px 20px!important;>.articles{>.articleList{grid-template-columns:none!important}}}footer>nav{flex-direction:column;gap:25px;>.navbar{padding-right:0!important;>ul{flex-direction:column!important}}>.logo>.branding>svg>path{transform:translateX(0)!important}}body{>main{>.hero.article{>.searchData{>.keyword:nth-child(n+7){display:none}}>.twinCol{>.articleInfo{>.articleIntro{display:none}}}}}}}@media screen and (max-width:500px){.bentoTiles{grid-template-rows:repeat(8,1fr)!important}.bentoTiles,.skewedTiles{grid-template-columns:repeat(1,1fr)!important}.skewedTiles{>.tile{transform:skew(0)!important;aspect-ratio:1!important;>img{filter:saturate(10%) grayscale(100%) contrast(20%)}>p{opacity:1!important;font-size:var(--h1Size)!important}}}}