.news-container{display:flex;flex-direction:column;align-items:center;gap:8px;width:600px;max-width:600px;margin:0 auto;box-sizing:border-box}.news-header{display:flex;align-items:center;justify-content:center;padding:24px;gap:24px;width:100%;border-radius:32px;background-color:var(--white)}.news-tabs-wrapper{display:flex;align-items:center;gap:4px;border-radius:16px;padding:4px;width:100%;background-color:var(--white)}.news-tab{display:flex;justify-content:center;width:100%;gap:8px;padding:8px 12px;border-radius:12px;background-color:var(--white);cursor:pointer;transition:all .2s ease}.news-tab.active-tab{background-color:var(--primary);color:var(--white)}.news-tab:not(.active-tab):hover{background-color:var(--light-gray)}.newsfeed-container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;border-radius:32px;padding:24px;background-color:var(--white)}.posts-list{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;gap:8px}.post-wrapper{display:flex;flex-direction:column;gap:16px;border-radius:24px;width:100%;padding:4px;height:-moz-fit-content;height:fit-content;background-color:var(--light-gray)}.post-wrapper.event-post{overflow:visible;position:relative}.past-sign{position:absolute;top:24px;right:-16px;display:flex;align-items:center;gap:4px;padding:6px 8px;transform:rotate(8deg);transform-origin:right top;z-index:1;border-radius:8px;box-shadow:0 2px 4px #0003;background-color:var(--primary);color:var(--white)}.post-text-data{display:flex;flex-direction:column;width:100%;gap:8px;padding-inline:18px;padding-bottom:20px}.post-text-data h3{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-break:break-word;overflow-wrap:break-word;margin:0}.files-container{display:flex;flex-wrap:wrap;width:100%;gap:8px}.file-wrapper{display:flex;align-items:center;gap:8px;padding:8px;border-radius:12px;width:-moz-fit-content;width:fit-content;cursor:pointer;color:var(--secondary);background-color:var(--gray);transition:all .2s ease;word-break:break-word;overflow-wrap:break-word}.file-wrapper:hover{color:var(--primary)}.post-text-data>.h-divider{color:var(--gray)}.post-meta-wrapper{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}.post-author-wrapper{display:flex;align-items:center;justify-content:space-between;gap:8px}.subscribed-wrapper{display:flex;align-items:center;gap:8px;margin-left:8px;color:var(--secondary);word-break:break-word;overflow-wrap:break-word}.post-datetime-text{color:var(--secondary);margin:0;word-break:break-word;overflow-wrap:break-word}.post-author-avatar-wrapper{overflow:hidden;width:32px;height:32px;border-radius:999px;border:1px solid var(--gray)}.post-media-grid{display:grid;gap:2px;width:100%;max-height:280px;border-radius:20px;overflow:hidden}.post-media-wrapper{overflow:hidden;width:100%;height:100%;border-radius:20px;background-color:var(--gray)}.post-event-wrapper{overflow:hidden;width:100%;border-radius:20px;aspect-ratio:2/1;background-color:var(--gray);border:1px solid var(--gray)}.post-author-avatar-wrapper img,.post-media-wrapper img,.author-comic-preview-wrapper img,.post-event-wrapper img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;flex-shrink:0}.author-comic-preview-wrapper{overflow:hidden;width:180px;aspect-ratio:2/3;border-radius:20px;border:1px solid var(--gray);background-color:var(--gray)}.comic-flex-wrapper{display:flex;align-items:flex-start;width:100%;gap:16px;height:-moz-fit-content;height:fit-content}.comic-flex-wrapper>.post-text-data{gap:16px;flex:1;overflow:hidden;padding-inline:0;padding-top:18px;padding-right:18px}.author-comic-post>.post-meta-wrapper{padding-bottom:18px;padding-inline:18px}.new-tag{display:flex;align-items:center;gap:8px;padding-bottom:4px;text-transform:uppercase;color:var(--primary-blue);word-break:break-word;overflow-wrap:break-word}.comic-genres,.event-categories{display:flex;flex-wrap:nowrap;overflow:hidden;position:relative;gap:4px}.comic-genre-tag,.event-category-tag{display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;border-radius:999px;white-space:nowrap;text-transform:capitalize;border:1px solid var(--primary);color:var(--primary);word-break:break-word}.event-category-tag{background-color:var(--gray);color:var(--secondary);border:none}.comic-genre-tag.hidden,.event-category-tag.hidden{display:none}.comic-genre-tag.more-genres,.event-category-tag.more-categories{background-color:var(--primary);color:var(--white);cursor:default}.comic-description,.event-description,.text-small,.short-description,.full-description{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-break:break-word}.event-title-wrapper{display:flex;align-items:center;justify-content:space-between;gap:16px}.event-title-wrapper h3{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;flex:1;margin:0;word-break:break-word}.event-datetime-wrapper,.event-location-wrapper{display:flex;align-items:center;gap:8px;word-break:break-word}.tab-content .tertiary-btn,.tab-content .primary-btn{width:-moz-fit-content;width:fit-content;height:36px;padding-inline:12px;border-radius:10px}.images-count-1{grid-template-columns:1fr;grid-template-rows:280px;height:280px}.images-count-2{grid-template-columns:1fr 1fr;grid-template-rows:280px;height:280px}.images-count-3{grid-template-columns:2fr 1fr;grid-template-rows:140px 140px;height:280px}.images-count-3 .post-media-wrapper:nth-child(1){grid-column:1;grid-row:1 / span 2}.images-count-3 .post-media-wrapper:nth-child(2){grid-column:2;grid-row:1}.images-count-3 .post-media-wrapper:nth-child(3){grid-column:2;grid-row:2}.images-count-4{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,140px);height:280px}.images-count-5{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,140px);height:280px}.images-count-5 .post-media-wrapper:nth-child(1){grid-column:1 / 2;grid-row:1}.images-count-5 .post-media-wrapper:nth-child(2){grid-column:2 / 4;grid-row:1}.images-count-5 .post-media-wrapper:nth-child(3){grid-column:1;grid-row:2}.images-count-5 .post-media-wrapper:nth-child(4){grid-column:2;grid-row:2}.images-count-5 .post-media-wrapper:nth-child(5){grid-column:3;grid-row:2}.images-count-6{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,140px);height:280px}.tab-content{display:none;width:100%;display:flex;flex-direction:column;align-items:center;gap:8px}.tab-content[data-content=all]{display:flex}.no-results{text-align:center}.post-media-grid{position:relative;cursor:pointer}.post-media-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0000007a;display:flex;align-items:center;justify-content:center;z-index:1}.post-media-overlay .text-big{color:var(--white)}.media-slider{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:1000;display:flex;align-items:center;justify-content:center}.media-slider-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000c}.media-slider-content{position:relative;width:90vw;max-width:600px;height:80vh;border-radius:32px;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:24px}.slider-image-wrapper{width:100%;height:80%;display:flex;align-items:center;justify-content:center}.slider-image-wrapper img{-o-object-fit:contain;object-fit:contain;max-width:100%;max-height:100%;border-radius:16px;box-shadow:0 24px 48px #00000052}.slider-controls{display:flex;justify-content:center;align-items:center;gap:16px}.slider-prev-btn,.slider-next-btn,.slider-close-btn{display:flex;align-items:center;justify-content:center;border-radius:999px;width:48px;height:48px;padding:4px;background-color:var(--primary-blue);border:none;cursor:pointer;transition:all .2s ease}.slider-close-btn{position:absolute;top:16px;right:16px;background-color:var(--primary)}.slider-close-btn:hover{background-color:var(--primary)}.slider-prev-btn:hover,.slider-next-btn:hover{background-color:var(--primary-blue-dark)}.slider-prev-btn.disabled,.slider-next-btn.disabled{opacity:.5;cursor:not-allowed}.slider-counter{color:var(--white)}@media (max-width: 960px){.news-container{width:100%;max-width:600px}.news-header,.newsfeed-container{padding:16px;border-radius:24px}.media-slider-content{width:85vw;max-width:600px;height:70vh;border-radius:24px;padding:16px}.slider-image-wrapper{height:70%}.comic-genre-tag,.event-category-tag{padding:6px 8px}}@media (max-width: 640px) and (min-width: 480px){.news-container{width:100%;max-width:480px}.news-header,.newsfeed-container{padding:16px;border-radius:24px}.media-slider-content{width:80vw;max-width:480px;height:60vh;border-radius:20px;padding:12px}.slider-image-wrapper{height:60%}.post-event-wrapper{width:100%;aspect-ratio:2/1}}@media (max-width: 480px){.news-container{width:100%;max-width:320px;min-width:320px}.news-header,.newsfeed-container{padding:12px;border-radius:20px}.media-slider-content{width:90vw;max-width:320px;height:50vh;border-radius:20px;padding:12px}.slider-image-wrapper{height:50%}.slider-prev-btn,.slider-next-btn,.slider-close-btn{width:40px;height:40px}.news-tabs-wrapper{flex-wrap:wrap}.post-meta-wrapper{justify-content:space-between;padding-inline:0}.comic-flex-wrapper{flex-direction:column;align-items:center;padding-inline:0}.author-comic-preview-wrapper{width:100%;max-width:180px}.comic-flex-wrapper>.post-text-data{padding-inline:16px;padding-top:16px;width:100%;text-align:center}.comic-flex-wrapper>.post-text-data .primary-btn{margin-left:auto;margin-right:auto}.post-text-data{padding-inline:16px}.author-comic-post>.post-meta-wrapper{padding-inline:0;justify-content:space-between}.comic-genre-tag,.event-category-tag{padding:4px 8px}.post-event-wrapper{width:100%;aspect-ratio:2/1}}.text-small{font-size:14px;color:#333;line-height:1.5;display:inline;max-width:100%}.read-more{display:inline-block;color:#007bff;font-size:12px;font-weight:600;transition:color .2s ease;vertical-align:middle}.read-more:hover{color:#0056b3;text-decoration:none}.highlighted{animation:glow 2s ease-in-out;border:2px solid #0094ff;border-radius:12px}@keyframes glow{0%{box-shadow:0 0 #0094ff00}50%{box-shadow:0 0 10px #0094ffcc}to{box-shadow:0 0 #0094ff00}}