.flags-demo{box-sizing:border-box;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.flags-bell-wrap{opacity:0;z-index:0;animation:.3s ease-out .2s forwards flags-bell-in;position:absolute;top:-3px;left:73px}@keyframes flags-bell-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.flags-bell{background:#fff;border:1px solid #0000000f;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;display:flex;position:relative;box-shadow:0 1px 3px #00000014}.flags-badge{color:#fff;min-width:18px;height:18px;font-family:var(--font-family);background:#dc2626;border-radius:9px;justify-content:center;align-items:center;padding:0 4px;font-size:11px;font-weight:600;display:flex;position:absolute;top:-4px;right:-4px}.flags-dropdown{opacity:0;transform-origin:0 0;background:#fff;border:1px solid #0000000f;border-radius:12px;width:100%;max-width:380px;animation:.35s ease-out .4s forwards flags-dropdown-in;position:relative;overflow:hidden;box-shadow:0 4px 12px #00000014,0 12px 32px #0000000f}@keyframes flags-dropdown-in{0%{opacity:0;transform:translateY(-8px)scaleY(.95)}to{opacity:1;transform:translateY(0)scaleY(1)}}.flags-item{opacity:0;border-bottom:1px solid #0000000a;align-items:flex-start;gap:10px;padding:12px 16px;animation:.3s ease-out forwards flags-item-in;display:flex}.flags-item:last-child{border-bottom:none}@keyframes flags-item-in{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.flags-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:6px}.flags-dot-red{background:#dc2626}.flags-dot-amber{background:#d97706}.flags-item-body{flex:1;min-width:0}.flags-item-desc{font-family:var(--font-family);color:var(--color-gray-900);font-size:14px;font-weight:500;line-height:20px}.flags-item-meta{align-items:baseline;gap:8px;margin-top:2px;display:flex}.flags-item-record{font-family:var(--font-family);color:var(--color-gray-500);font-size:12px;line-height:18px}.flags-item-time{font-family:var(--font-family);color:var(--color-gray-400);margin-left:auto;font-size:12px}@media (width<=768px){.flags-bell-wrap{top:10px;left:20px}.flags-dropdown{max-width:90%;position:absolute;top:58px;left:20px}}