.pf-feed-container{max-width:1920px;margin:0 auto;padding:10px}.my-masonry-grid{display:flex;margin-left:-16px;width:auto}.my-masonry-grid_column{padding-left:16px;background-clip:content-box}.pf-media-item{position:relative;margin-bottom:16px;background:var(--md-sys-color-surface)}.pf-media-item img,.pf-media-item video{display:block;width:100%;height:auto}.pf-video-thumbnail-wrapper{position:relative;width:100%;display:block}.pf-video-thumbnail-wrapper img{width:100%;height:auto}.play-button-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:2rem;background:var(--md-sys-color-surface-dim);padding:.25em;border-radius:50%}.play-button-svg{fill:var(--md-sys-color-on-surface);padding-left:.15em}.media-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,#0000,#0003 80%,#00000080);opacity:0;transition:opacity .3s;display:flex;flex-direction:column;justify-content:end}.pf-media-item:hover .media-overlay{opacity:1;cursor:pointer}.media-overlay-text-container p,.media-overlay-text-container small{margin:0;color:#fff}.media-overlay-text-container{margin:0 .5em .5em}.media-title-container{display:flex;justify-content:space-between;align-items:center}.media-title{font-weight:700}.media-category,.media-views{opacity:60%}.dropdown-container{position:relative}.more-button{background:none;border:none;color:#fff;font-size:1.5em;cursor:pointer;padding:0 8px}.dropdown-menu-postfeed{position:absolute;z-index:1001;right:0;top:100%;background:var(--md-sys-color-surface-container);border-radius:4px;box-shadow:0 2px 5px #0003;min-width:120px;padding:4px}.dropdown-item-postfeed{display:block;width:100%;padding:8px 16px;border:none;background:none;text-align:left;cursor:pointer;color:var(--md-sys-color-on-surface);border-radius:4px}.dropdown-item-postfeed:hover{background-color:var(--md-sys-color-surface-container-highest)}.dropdown-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:transparent;z-index:1000}@media (max-width: 768px){.pf-media-item:hover .media-overlay,.media-title,.media-category,.media-views{opacity:0;display:none}}.no-posts-message,.no-more-posts-message{text-align:center;padding:2rem;margin:2rem auto;background:var(--md-sys-color-surface-container);border-radius:8px;max-width:300px}.no-posts-message p,.no-more-posts-message p{margin:0;color:var(--md-sys-color-on-surface);font-size:1.2rem;font-weight:500}.no-posts-message small,.no-more-posts-message small{color:var(--md-sys-color-on-surface-variant);font-size:.9rem}.grid-feed-container{width:100%;max-width:103.125rem;margin:0 auto;padding:1.25rem}.grid-feed{display:grid;grid-template-columns:repeat(6,1fr);gap:.625rem;margin-bottom:1.25rem}.grid-item,.grid-item-media{position:relative}.grid-item-media img{width:100%;height:15.625rem;-o-object-fit:cover;object-fit:cover;cursor:pointer;border-radius:.625rem;box-shadow:0 .125rem .25rem var(--md-sys-color-shadow);position:relative}.grid-item-author-container{margin:.5em 0;display:flex;align-items:center}.grid-item-author-avatar{width:1.5rem;height:1.5rem;border-radius:50%;margin-right:.5rem;background-color:var(--md-sys-color-surface-container);display:flex;align-items:center;justify-content:center;font-size:.75rem;color:var(--md-sys-color-on-surface)}.grid-item-author{opacity:.5}.grid-item-media-overlay{position:absolute;bottom:0;display:flex;justify-content:space-between;width:100%;margin-bottom:.5rem;padding-inline:.5rem}.grid-item-media-overlay-text,.grid-item-media-count{color:#fff;display:flex;align-items:center;gap:.25em;margin-bottom:1.5em}.grid-item-media-overlay svg{width:1rem;height:1rem;fill:#fff}.grid-item-title{margin:.5rem 0 0;color:var(--md-sys-color-on-surface);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;padding:0 .25rem}.grid-pagination{display:flex;justify-content:center;align-items:center;gap:1.25rem;margin-top:1.25rem}.grid-pagination button{padding:.5rem 1rem;border:none;border-radius:.25rem;background-color:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary);cursor:pointer;transition:background-color .2s ease}.grid-pagination button:hover:not(:disabled){background-color:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container)}.grid-pagination button:disabled{background-color:var(--md-sys-color-surface-container);color:var(--md-sys-color-on-surface-variant);cursor:not-allowed}.grid-pagination span{font-size:.9rem;color:var(--md-sys-color-on-surface)}@media (max-width: 75rem){.grid-feed{grid-template-columns:repeat(4,1fr)}}@media (max-width: 48rem){.grid-feed{grid-template-columns:repeat(3,1fr)}}@media (max-width: 30rem){.grid-feed{grid-template-columns:repeat(2,1fr)}.grid-item-media img{height:12.5rem}}