.thumbnail-div-content{display:flex;align-items:start;flex-direction:column;justify-content:center}.thumbnail-div-content-margin-top{margin-top:10px}.thumbnail-div-content-title{font-size:20px;font-weight:700;color:#050505}:global(.dark) .thumbnail-div-content-title{color:#e4e6eb}.thumb-imgeee{height:100%;width:100%;border-radius:8px 8px 0 0}.thumbnail-div{border-radius:10px;padding-bottom:5px;margin:5px;background-color:#f0f2f5;cursor:pointer;color:#050505;transition:box-shadow .2s ease,transform .15s ease}.thumbnail-div:hover{color:#050505;box-shadow:0 2px 8px rgba(0,0,0,.1);transform:translateY(-1px)}:global(.dark) .thumbnail-div{background-color:#3a3b3c;color:#e4e6eb}:global(.dark) .thumbnail-div:hover{color:#e4e6eb;box-shadow:0 2px 8px rgba(0,0,0,.3)}.MuiDialog-root .MuiPaper-root:has(.reaction-modal){border-radius:12px;max-width:480px;margin:16px;max-height:calc(100vh - 32px);background:var(--card-bg,#fff);box-shadow:0 12px 28px rgba(0,0,0,.15),0 2px 4px rgba(0,0,0,.08);overflow:hidden}.reaction-modal{display:flex;flex-direction:column;max-height:520px;min-height:280px;background:var(--card-bg,#fff)}.reaction-modal__header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px 12px;flex-shrink:0}.reaction-modal__title{font-size:18px;font-weight:700;color:var(--color-text,#050505);margin:0;line-height:1.3}.reaction-modal__close-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;border:none;background:var(--color-hover,#f0f2f5);color:var(--color-secondary-text,#65676b);cursor:pointer;transition:background-color .15s ease,color .15s ease;flex-shrink:0}.reaction-modal__close-btn:hover{background:#e4e6e9;color:var(--color-text,#050505)}.reaction-modal__close-btn:active{transform:scale(.93)}.reaction-modal__tabs{display:flex;align-items:center;gap:2px;padding:0 20px;border-bottom:1px solid var(--color-divider,#ced0d4);overflow-x:auto;flex-shrink:0;-webkit-overflow-scrolling:touch;scrollbar-width:none}.reaction-modal__tabs::-webkit-scrollbar{display:none}.reaction-modal__tab{display:flex;align-items:center;gap:5px;padding:10px 14px;background:none;cursor:pointer;font-size:14px;font-weight:600;color:var(--color-secondary-text,#65676b);border:none;border-bottom:3px solid transparent;transition:color .15s ease,border-color .15s ease,background-color .15s ease;white-space:nowrap;border-radius:6px 6px 0 0;min-height:44px}.reaction-modal__tab:hover{background:var(--color-hover,#f0f2f5)}.reaction-modal__tab--active{color:var(--color-primary,#2d88ff);border-bottom-color:var(--color-primary,#2d88ff)}.reaction-modal__tab-icon{display:flex;align-items:center}.reaction-modal__tab-icon svg{width:20px;height:20px}.reaction-modal__tab-count{font-size:13px;font-weight:700;color:inherit}.reaction-modal__list{flex:1;overflow-y:auto;padding:8px 12px 16px;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.15) transparent}.reaction-modal__list::-webkit-scrollbar{width:6px}.reaction-modal__list::-webkit-scrollbar-track{background:transparent}.reaction-modal__list::-webkit-scrollbar-thumb{background:rgba(0,0,0,.15);border-radius:3px}.reaction-modal__empty{text-align:center;padding:32px 0;color:var(--color-secondary-text,#65676b);font-size:14px}.reaction-modal__user{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px;border-radius:8px;transition:background-color .15s ease}.reaction-modal__user:hover{background:var(--color-hover,#f0f2f5)}.reaction-modal__user-left{display:flex;align-items:center;gap:12px;min-width:0;flex:1}.reaction-modal__avatar-wrap{position:relative;flex-shrink:0}.reaction-modal__avatar{width:44px;height:44px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.reaction-modal__avatar-badge{position:absolute;bottom:-2px;right:-4px;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--card-bg,#fff);box-shadow:0 0 0 2px var(--card-bg,#fff)}.reaction-modal__avatar-badge svg{width:16px;height:16px}.reaction-modal__user-info{min-width:0}.reaction-modal__user-name-row{display:flex;align-items:center;gap:4px}.reaction-modal__user-name{font-size:14px;font-weight:600;color:var(--color-text,#050505);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.4}.reaction-modal__username{font-size:12px;color:var(--color-secondary-text,#65676b);margin:0;line-height:1.3}.reaction-modal__profile-btn{flex-shrink:0;padding:6px 14px;border-radius:6px;background:var(--color-hover,#e4e6eb);color:var(--color-text,#050505)!important;font-size:13px;font-weight:600;text-decoration:none;transition:background-color .15s ease;white-space:nowrap}.reaction-modal__profile-btn:hover{background:#d8dadf;text-decoration:none}.reaction-modal__skeleton{background:#e4e6eb;border-radius:6px;animation:reaction-skeleton-pulse 1.2s ease-in-out infinite}.reaction-modal__skeleton--name{width:120px;height:14px}.reaction-modal__skeleton--sub{width:70px;height:12px;margin-top:4px}.reaction-modal__skeleton--btn{width:90px;height:32px;border-radius:6px}@keyframes reaction-skeleton-pulse{0%,to{opacity:1}50%{opacity:.4}}.dark .MuiDialog-root .MuiPaper-root:has(.reaction-modal){background:#242526;box-shadow:0 12px 28px rgba(0,0,0,.4),0 2px 4px rgba(0,0,0,.3)}.dark .reaction-modal{background:#242526}.dark .reaction-modal__title{color:#e4e6eb}.dark .reaction-modal__close-btn{background:#3a3b3c;color:#b0b3b8}.dark .reaction-modal__close-btn:hover{background:#4e4f50;color:#e4e6eb}.dark .reaction-modal__tabs{border-bottom-color:#3e4042}.dark .reaction-modal__tab{color:#b0b3b8}.dark .reaction-modal__tab:hover{background:#3a3b3c}.dark .reaction-modal__tab--active{color:#2d88ff;border-bottom-color:#2d88ff}.dark .reaction-modal__user:hover{background:#3a3b3c}.dark .reaction-modal__user-name{color:#e4e6eb}.dark .reaction-modal__username{color:#b0b3b8}.dark .reaction-modal__avatar-badge{background:#242526;box-shadow:0 0 0 2px #242526}.dark .reaction-modal__profile-btn{background:#3a3b3c;color:#e4e6eb!important}.dark .reaction-modal__profile-btn:hover{background:#4e4f50}.dark .reaction-modal__empty{color:#b0b3b8}.dark .reaction-modal__skeleton{background:#3a3b3c}.dark .reaction-modal__list::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.15)}@media (max-width:768px){.MuiDialog-root .MuiPaper-root:has(.reaction-modal){max-width:calc(100vw - 32px);margin:16px}.reaction-modal__header{padding:14px 16px 10px}.reaction-modal__tabs{padding:0 16px}.reaction-modal__list{padding:6px 8px 12px}}@media (max-width:480px){.MuiDialog-root .MuiPaper-root:has(.reaction-modal){border-radius:0;max-width:100%;width:100%;height:100vh;max-height:100vh;margin:0}.dark .MuiDialog-root .MuiPaper-root:has(.reaction-modal){border-radius:0}.reaction-modal{max-height:100vh;height:100vh}.reaction-modal__header{padding:12px 16px}.reaction-modal__title{font-size:16px}.reaction-modal__close-btn{width:32px;height:32px}.reaction-modal__tab{padding:8px 10px;font-size:13px;min-height:40px}.reaction-modal__tab-icon svg{width:18px;height:18px}.reaction-modal__tab-count{font-size:12px}.reaction-modal__avatar{width:40px;height:40px}.reaction-modal__user-name{font-size:13px}.reaction-modal__profile-btn{padding:5px 10px;font-size:12px}.reaction-modal__user{padding:6px;gap:8px}}@media (max-width:375px){.reaction-modal__header{padding:10px 12px}.reaction-modal__tabs{padding:0 12px;gap:0}.reaction-modal__tab{padding:6px 8px;font-size:12px}.reaction-modal__profile-btn{padding:4px 8px;font-size:11px}}.tas_reaction_modal_title{color:var(--color-primary,#1b74e4)!important;font-size:13px;font-weight:600}.tas_reaction_friend_details_container{margin-left:12px}.tas_reaction_friend_name{color:var(--color-text,#050505)!important;font-size:14px;font-weight:600}.dark .tas_reaction_friend_name{color:#e4e6eb!important}