.news-feed-section{text-align:center;flex-direction:column;gap:32px;width:100%;max-width:1062px;margin:0 auto;display:flex}.news-feed{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));grid-auto-rows:max-content;align-items:flex-start;gap:20px;padding:0;display:grid;position:relative}.news-feed .news-feed-card{cursor:pointer}.news-feed .news-feed-card:hover{transform:scale(1.02)}.news-feed .loading-card{background-color:var(--accent-color);border-radius:20px;width:100%;max-width:330px;height:194px;display:flex}@media (max-width:48rem){.news-feed-section{gap:20px}.news-feed{flex-direction:column;justify-content:center;align-items:center;row-gap:8px;padding:0 20px;display:flex}.news-feed .news-feed-card,.news-feed .loading-card{width:100%}.news-feed .loading-card{height:165px}}
.tabs{-ms-overflow-style:none;scrollbar-width:none;flex-direction:row;gap:8px;width:100%;display:flex;overflow:scroll}.tabs::-webkit-scrollbar{display:none}.tab{cursor:pointer;color:#0f1115;white-space:nowrap;justify-content:space-between;align-items:center;width:max-content;padding:11px 18px;display:flex;position:relative}.tab-label{z-index:1;font-weight:500}.tab-background{background:var(--accent-color);z-index:0;border-radius:100px;position:absolute;inset:0}@media (max-width:48rem){.tabs{gap:0;padding:0 16px}.tab{width:max-content;padding:8px 14px}}
.small-card{background-color:var(--accent-color);border-radius:20px;flex-direction:column;justify-content:space-between;gap:32px;width:100%;height:100%;padding:24px;display:flex;overflow:hidden}.small-card .headline{text-align:left;-webkit-line-clamp:3;line-clamp:3;text-overflow:ellipsis;color:var(--text-color);-webkit-box-orient:vertical;font-weight:500;display:-webkit-box;overflow:hidden}.small-card .body3{color:var(--text-tertiary);font-weight:400}.small-card-info{justify-content:flex-start;align-items:flex-start;gap:8px;display:flex}.small-card-info-text{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;overflow:hidden}.small-card-info-item{white-space:nowrap}.small-card-info-separator{padding:0 8px;font-weight:900;display:inline-block}.small-card-text{will-change:transform;flex-direction:column;align-items:flex-start;gap:8px;display:flex}@media (max-width:48rem){.small-card{border-radius:24px;gap:24px;padding:20px 24px}}
.news-banner-wrapper{width:100%;max-width:1062px;margin:0 auto 80px;position:relative}.carousel-track{background:var(--accent-color);will-change:transform,height;border-radius:40px;width:100%;height:30rem;min-height:200px;position:relative;overflow:hidden}.news-banner{will-change:transform,opacity,height;backface-visibility:hidden;background-color:#eff5fb;border-radius:40px;flex-direction:row;justify-content:space-between;gap:40px;width:100%;height:470px;display:flex;position:relative;overflow:hidden;transform:translateZ(0)}.news-banner-text{width:70%;color:var(--text-color);flex-direction:column;gap:8px;padding:40px 0 40px 40px;display:flex}.news-banner-button{background-color:#fff;border-radius:100px;width:max-content;padding:16px;transition:transform .3s;display:flex;position:absolute;bottom:40px}.news-banner-button:hover{transform:scale(1.02)}.news-banner-button img{width:40px;height:40px}.news-banner .title2{-webkit-line-clamp:4;line-clamp:4;text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.news-banner .body1{-webkit-line-clamp:3;line-clamp:3;text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.carousel-dots{justify-content:center;align-items:center;gap:8px;padding:20px 12px;display:flex}.carousel-dot{cursor:pointer;will-change:transform,background-color;background:#b2b2b2;border:none;border-radius:50%;width:10px;height:10px;transition:all .3s;position:relative}.carousel-dot.progress-mode{border-radius:10px;width:24px;height:10px;overflow:hidden}.carousel-dot:hover{transform:scale(1.1)}.carousel-dot-progress{will-change:width;background:#000;border-radius:10px;height:100%;transition:width 50ms linear;position:absolute;top:0;left:0}.news-banner-image-wrapper{width:100%;height:100%;display:flex}.news-banner-image-wrapper.horizontal-right{justify-content:flex-end}.news-banner-image-wrapper.horizontal-center{justify-content:center;align-self:end;padding-right:40px}.news-banner-image-wrapper.horizontal-center .news-banner-image{width:100%}.news-banner-image-wrapper.vertical-center{align-items:center;padding-top:40px;padding-bottom:40px}.news-banner-image-wrapper.vertical-bottom{align-items:flex-end}.news-banner-image-wrapper.vertical-start{align-items:flex-start}.news-banner-image{width:initial;height:initial;object-fit:cover;object-position:top;pointer-events:none;align-items:flex-end;width:100%}@media (max-width:768px){.news-banner-wrapper{margin-bottom:40px;padding:0 16px}.news-banner{flex-direction:column;gap:16px;height:510px;margin:0;padding:0}.news-banner-text{width:100%;padding:24px 24px 0}.news-banner-button{display:none}.carousel-dots{margin:0;padding:18px 12px}.carousel-dot{width:8px;height:8px}.carousel-dot.progress-mode{width:20px;height:8px}.news-banner-image-wrapper.horizontal-right{justify-content:center;padding-left:24px}.news-banner-image-wrapper.horizontal-center{padding-right:0}.news-banner-image-wrapper.vertical-center{align-items:end;padding-top:0;padding-bottom:24px}.news-banner-image-wrapper{height:324px}.news-banner-image-wrapper.horizontal-center .news-banner-image{width:initial;height:100%}.news-banner-image-wrapper.vertical-top{padding-top:0}}
