@keyframes zoom{0%{-o-object-position:0 50%;object-position:0 50%}to{-o-object-position:100% 50%;object-position:100% 50%}}.articleCard{border-radius:1rem;box-shadow:0 4px 10px #0000001a;cursor:pointer;display:block;min-height:300px;overflow:hidden;position:relative;transition:box-shadow .45s ease;width:100%}.articleCard:hover{box-shadow:0 4px 20px #0000004d}.articleCard:hover .__image img{opacity:.8}.articleCard:hover .__footer{opacity:1;transform:translateY(0)}.articleCard .__image{background:linear-gradient(180deg,#fff 40%,rgba(0,0,0,.83));height:100%;left:0;margin:0;overflow:hidden;pointer-events:none;position:absolute;top:0;width:100%;z-index:0}.articleCard .__image img{animation-direction:alternate;animation-duration:30s;animation-iteration-count:infinite;animation-name:zoom;animation-timing-function:linear;height:100%;-o-object-fit:cover;object-fit:cover;transition:opacity .45s ease;width:100%}.articleCard .__header{background:linear-gradient(180deg,hsla(0,0%,100%,.96) 45%,hsla(0,0%,100%,0));padding:1rem 1rem 2rem;position:relative}.articleCard .__footer{bottom:0;opacity:0;padding:1rem;position:absolute;transform:translateY(5%);transition:all .45s ease}:root[data-dark=true] .articleCard .__image{background:linear-gradient(180deg,rgba(0,0,0,.618) 40%,#fff)}:root[data-dark=true] .articleCard .__image img{opacity:.8}:root[data-dark=true] .articleCard .__header{background:linear-gradient(180deg,rgba(72,72,72,.571) 0,transparent);margin-bottom:50px;position:relative}.layoutToggle{display:flex}.layoutToggle .__button{align-items:center;display:flex;padding:.25rem .375rem}.layoutToggle .__button:first-of-type{border-bottom-right-radius:0;border-top-right-radius:0}.layoutToggle .__button:last-of-type{border-bottom-left-radius:0;border-top-left-radius:0}.layoutToggle .__button:not(:first-of-type):not(:last-of-type){border-radius:0}.layoutToggle .__button:not(.-active){background-color:var(--g5)}.layoutToggle .__button.-active{background-color:var(--g2);color:var(--white)}.toolBar{display:flex;justify-content:flex-end;margin-bottom:1.5rem}.cuteArticles{-moz-column-gap:1.5rem;column-gap:1.5rem;display:flex;flex-wrap:wrap;margin-bottom:4.5rem;row-gap:1.5rem}.cuteArticles .__item{flex:0 0 100%}@media (min-width:800px){.cuteArticles .__item{flex:0 0 calc(33.33% - 1rem)}}.listArticles{display:flex;flex-direction:column;list-style:none;row-gap:1rem}.listArticles .__article{background-color:var(--g6);border-radius:.5rem;box-shadow:0 3px 36px #0000000d;cursor:pointer;display:grid;overflow:hidden;padding:1.25rem}@media (min-width:800px){.listArticles .__article{-moz-column-gap:1.5rem;column-gap:1.5rem;grid-template-columns:120px auto}}@media (hover:hover){.listArticles .__article:hover{box-shadow:0 6px 24px #0000001a,0 0 0 1px #00000014;cursor:pointer}}.listArticles .__image{background-position:50%;background-size:cover;margin:-1.25rem -1.25rem 1rem}@media (min-width:800px){.listArticles .__image{margin:-1.5rem 0 -1.5rem -1.5rem}}.listArticles .__content{align-items:center;-moz-column-gap:1rem;column-gap:1rem;display:flex;overflow:hidden}@media (max-width:800px){.listArticles .__content{flex-wrap:wrap}}.listArticles .__title{flex:4;margin-bottom:0}@media (max-width:800px){.listArticles .__title{flex-basis:100%}}@media (min-width:800px){.listArticles .__title{display:inline-block;font-size:1.25rem;line-height:normal;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.listArticles .__date{color:var(--g1);margin:0 .5rem}.listArticles .__length{align-items:center;color:var(--g1);display:flex}.listArticles .__length .baseIcon{margin:0 .5rem 0 0}.listArticles .__link{align-items:center;color:var(--g3);display:flex;font-weight:600;text-decoration:none}@media (max-width:800px){.listArticles .__link{display:none}}.listArticles .__link:hover{color:var(--g1)}:root[data-dark=true] .listArticles .__image{opacity:.5}@media (min-width:800px){:root[data-dark=true] .listArticles .__image{opacity:.8}}.loadMoreArticles{margin:0 auto 2rem}