.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.mask-gradient-right{mask-image:linear-gradient(270deg,#0000 0%,#000 2rem)}.view-btn.active-view{color:var(--color-accent-foreground);opacity:1!important}#feed-container[data-view=grid]{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2.5rem 3rem;display:grid}#feed-container[data-view=list]{flex-direction:column;gap:2rem;max-width:56rem;margin:0 auto;display:flex}#feed-container[data-view=list] .feed-item article{flex-direction:row;align-items:center;gap:2rem;display:flex}#feed-container[data-view=list] .feed-item article>div:first-of-type{flex-shrink:0;width:250px;height:180px}@media (width<=768px){#feed-container[data-view=list] .feed-item article{flex-direction:column;align-items:stretch;gap:1rem}#feed-container[data-view=list] .feed-item article>div:first-of-type{width:100%;height:250px}}#feed-container[data-view=compact]{flex-direction:column;gap:0;width:100%;display:flex}#feed-container[data-view=compact] .feed-item{border-bottom:1px solid rgba(var(--color-foreground), .15);padding:1.125rem .5rem;transition:background-color .15s}#feed-container[data-view=compact] .feed-item:hover{background-color:rgba(var(--color-foreground), .03)}#feed-container[data-view=compact] .feed-item article{width:100%;margin:0}#feed-container[data-view=compact] .feed-item article>div:first-of-type,#feed-container[data-view=compact] .feed-item article p,#feed-container[data-view=compact] .card-dek{display:none!important}@media (width>=768px){#feed-container[data-view=compact] .feed-item article>div.mt-4,#feed-container[data-view=compact] .card-content{flex-flow:row!important;justify-content:flex-start!important;align-items:baseline!important;gap:1.5rem!important;width:100%!important;margin-top:0!important;display:flex!important}#feed-container[data-view=compact] .feed-item article>div.mt-4>div:first-child,#feed-container[data-view=compact] .card-meta{white-space:nowrap!important;flex-shrink:0!important;width:180px!important;min-width:180px!important;max-width:180px!important}#feed-container[data-view=compact] .feed-item article h3,#feed-container[data-view=compact] .card-title{flex:auto!important;min-width:0!important;margin:0!important;font-size:1.25rem!important;line-height:1.3!important}#feed-container[data-view=compact] .feed-item article>div.mt-4>div:last-child,#feed-container[data-view=compact] .card-author{z-index:20;position:relative;text-align:right!important;white-space:nowrap!important;flex-shrink:0!important;margin:0 0 0 auto!important}}@media (width<=767px){#feed-container[data-view=compact] .feed-item article>div.mt-4,#feed-container[data-view=compact] .card-content{flex-wrap:wrap!important;justify-content:space-between!important;align-items:center!important;gap:.5rem 1rem!important;width:100%!important;margin-top:0!important;display:flex!important}#feed-container[data-view=compact] .feed-item article>div.mt-4>div:first-child,#feed-container[data-view=compact] .card-meta{flex-shrink:0!important;order:1!important;width:auto!important}#feed-container[data-view=compact] .feed-item article>div.mt-4>div:last-child,#feed-container[data-view=compact] .card-author{z-index:20;position:relative;text-align:right!important;white-space:nowrap!important;flex-shrink:0!important;order:2!important;margin:0 0 0 auto!important}#feed-container[data-view=compact] .feed-item article h3,#feed-container[data-view=compact] .card-title{flex-basis:100%!important;order:3!important;width:100%!important;margin-top:.25rem!important;font-size:1.125rem!important;line-height:1.35!important}}#feed-container[data-view=masonry]{columns:1;column-gap:2.5rem}@media (width>=768px){#feed-container[data-view=masonry]{columns:2}}@media (width>=1024px){#feed-container[data-view=masonry]{columns:3}}#feed-container[data-view=masonry] .feed-item{break-inside:avoid;margin-bottom:3rem}#feed-container[data-view=masonry] .feed-item article>div:first-of-type{aspect-ratio:auto;height:auto}#feed-container[data-view=masonry] .feed-item article img{height:auto;position:relative}#feed-container[data-view=expanded]{flex-direction:column;gap:6rem;max-width:800px;margin:0 auto;display:flex}#feed-container[data-view=expanded] .feed-item article>div:first-of-type{aspect-ratio:16/9;border-radius:.5rem}#feed-container[data-view=expanded] .feed-item article h3{margin-top:1.5rem;font-size:3rem;line-height:1.1}#feed-container[data-view=expanded] .feed-item article p{-webkit-line-clamp:unset;max-width:100%;margin-top:1.5rem;font-size:1.25rem;line-height:1.6}
