.skeleton-color .sf-skeleton.sf-skeleton-square{background:#6750a4;margin-right:30px}.skeleton-color .sf-skeleton.sf-skeleton-circle{background:#b3261e}
.component-section-skeleton{box-sizing:border-box;width:100%;padding:20px}.grid-container{grid-template-rows:repeat(2,auto);grid-template-columns:repeat(2,1fr);justify-content:center;gap:20px;width:100%;display:grid}.grid-item{border-radius:8px;padding:16px;box-shadow:0 2px 4px #0000001a}.sample-label{margin-bottom:12px;font-size:1rem;font-weight:500}.sample-content.text{justify-content:unset}.sample-content{justify-content:center;align-items:center;padding:10px 0;display:flex}.sample-content.circle{align-items:baseline;column-gap:10px}@media (max-width:768px){.grid-container{grid-template-rows:repeat(4,auto);grid-template-columns:1fr}}@media (max-width:1024px){.grid-container{grid-template-rows:repeat(4,auto);grid-template-columns:1fr}}@media (max-width:480px){.component-section-skeleton{padding:10px}.grid-item{padding:12px}}
.skeleton-animation .col-sm-6{min-height:350px;padding:30px;position:relative}#reloadSkeleton{margin:0 auto}.dark-theme.sf-dark-mode #reloadSkeleton svg path{fill:#371e73}#reloadSkeleton svg path{fill:#fff}.e-avatar.e-avatar-circle{border-radius:50%}.skeleton-animation .e-card{display:block}#skeletondatacard,#skeletonCard{line-height:inherit;height:420px;padding:10px}.skeleton-listProfileView{float:left;margin-right:15px}.skeleton-listcard,.e-bigger .skeleton-listcard{line-height:20px}.fluent-dark #skeletondatacard,.fluent-dark #skeletonCard,.fluent-dark #skeleton-list{background-color:#313131}.fluent2 #skeletonCard,.fluent2 #skeleton-list{background-color:#fff}.skeleton-animation .cardProfile{float:left;margin-right:15px}.skeleton-animation .cardinfo{margin-top:10px;overflow:hidden}.skeleton-animation #skeleton-list,.skeleton-animation .cardinfo label{white-space:nowrap;margin:0}.skeleton-animation .cardContent{margin:20px 0 30px}.skeleton-animation .cardoptions{justify-content:space-between;display:flex}.skeleton-animation .cardoptions>div{min-width:60px}#skeleton-list{height:420px;line-height:inherit;padding-top:7px;padding-left:12px}#skeleton-list li{margin-bottom:9px;list-style:none;display:flow-root}.skeleton-animation .listProfile{float:left;width:40px;height:40px;margin-right:15px}.skeleton-animation .listCtn{width:80%;height:14px;margin:5px 0}.skeleton-animation .distCtn{width:60%;height:14px}.skeleton-animation .image.profile-image{background-size:60px 60px;border-radius:50%;width:60px;height:60px}.skeleton-animation .image.post-image{-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-position:50%;background-size:cover;width:100%;height:250px}#skeleton-listview .e-list-item .e-avatar{color:#fff;background-size:cover;padding:10px 15px}#skeleton-listview .e-list-item:first-child .e-avatar{background-color:#039be5}#skeleton-listview .e-list-item:nth-child(2) .e-avatar{background-color:#e91e63}#skeleton-listview .e-list-item:nth-child(6) .e-avatar{background-color:#009688}#skeleton-listview .e-list-item:nth-child(8) .e-avatar{background-color:#0088}p.displayText{margin:10px 0;font-weight:500}
.post-comparison-container{gap:24px;max-width:1200px;margin:0 auto;padding:20px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex}@media (max-width:1024px){.post-comparison-container{flex-direction:column;display:flex}}.post-column{flex:1;display:flex}.dark-theme.sf-dark-mode .post-card{background-color:#090707;border:1px solid #333}.post-card{background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;width:100%;overflow:hidden;box-shadow:0 1px 3px #0000001a}.post-header{align-items:center;padding:12px;display:flex}.avatar-container{margin-right:12px}.avatar{object-fit:cover;border-radius:50%;width:50px;height:50px}.header-info{flex-direction:column;display:flex}.user-name{font-size:16px;font-weight:700}.post-time{margin-top:4px;font-size:14px}.post-content{width:100%}.post-image{object-fit:cover;width:100%;max-height:220px;display:block}.post-actions{gap:12px;padding:12px;display:flex}.likes-button,.shares-button{cursor:pointer;text-align:center;border:1px solid #ccc;border-radius:4px;flex:1;padding:8px;font-size:14px}.dark-theme.sf-dark-mode .likes-button{color:#e0e0e0;background-color:#0d0a0a}.likes-button{color:#5f5f5f;background-color:#fff}.shares-button{color:#fff;background-color:#6461a0;border:none}.loading-message{color:#65676b;justify-content:center;align-items:center;height:100%;font-style:italic;display:flex}@media (max-width:768px){.post-comparison-container{flex-direction:column}}
.video-container{color:#000;background-color:#fff;gap:24px;max-width:1200px;margin:0 auto;padding:20px;font-family:Roboto,Arial,sans-serif;display:flex}.dark-theme.sf-dark-mode .video-container{color:#aaa;background-color:#000}.video-section{flex:1;display:flex}.dark-theme.sf-dark-mode .video-card{border:1px solid #544b4b}.video-card{border:1px solid #ddd;border-radius:8px;width:100%;overflow:hidden}.thumbnail-container{width:100%;position:relative}.thumbnail{object-fit:cover;width:100%;height:100%;display:block}.video-duration{color:#fff;background-color:#000c;border-radius:2px;padding:2px 4px;font-size:12px;font-weight:500;position:absolute;bottom:8px;right:8px}.video-info{padding:12px}.video-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 8px;font-size:14px;font-weight:500;line-height:1.4;display:-webkit-box;overflow:hidden}.channel-name{color:#aaa;margin-bottom:4px;font-size:13px}.video-stats{color:#aaa;font-size:13px}.loading-message{color:#aaa;justify-content:center;align-items:center;height:180px;font-style:italic;display:flex}@media (max-width:768px){.video-container{flex-direction:column}}
.news-container{color:#000;background-color:#fff;gap:24px;max-width:1200px;margin:0 auto;padding:20px;font-family:Roboto,Arial,sans-serif;display:flex}.dark-theme.sf-dark-mode .news-container{color:#fff;background-color:#000}.news-section{flex:1;display:flex}.dark-theme.sf-dark-mode .news-card{box-shadow:0 4px 8px #30272733}.news-card{border-radius:12px;width:100%;overflow:hidden;box-shadow:0 4px 8px #0003}.news-image-container{background-color:#0078d7;width:100%;height:220px;position:relative}.news-image{object-fit:cover;width:100%;height:100%}.news-content{padding:16px}.publication-row{align-items:center;gap:10px;margin-bottom:12px;display:flex}.publication-logo{color:#fff;background-color:#e61a2e;border-radius:4px;justify-content:center;align-items:center;width:40px;height:40px;font-size:14px;font-weight:700;display:flex}.publication-name{color:#ccc;font-size:16px}.news-title{margin:0 0 16px;font-size:24px;font-weight:700;line-height:1.3}.title-skeleton{flex-direction:column;gap:10px;margin-bottom:16px;display:flex}.interaction-buttons{gap:10px;display:flex}.like-button-skeleton,.dislike-button-skeleton,.comment-button-skeleton{cursor:pointer;color:#aaa;align-items:center;gap:4px;display:flex}.like-icon,.dislike-icon,.comment-icon{font-size:20px}.like-count{font-size:16px}.loading-message{color:#aaa;justify-content:center;align-items:center;height:300px;font-style:italic;display:flex}@media (max-width:768px){.news-container{flex-direction:column}.news-title{font-size:20px}}