|  |  | @ -6,22 +6,6 @@ | 
			
		
	
		
			
				
					|  |  |  |       <p class="mb-4 font-bold">Show only activities that are…</p> | 
			
		
	
		
			
				
					|  |  |  | 
 | 
			
		
	
		
			
				
					|  |  |  |       <div class="grid grid-cols-1 gap-2"> | 
			
		
	
		
			
				
					|  |  |  |         <div class="flex items-center justify-between cursor-pointer"> | 
			
		
	
		
			
				
					|  |  |  |           <!-- label --> | 
			
		
	
		
			
				
					|  |  |  |           <div>From me</div> | 
			
		
	
		
			
				
					|  |  |  |           <!-- toggle --> | 
			
		
	
		
			
				
					|  |  |  |           <div class="relative ml-2"> | 
			
		
	
		
			
				
					|  |  |  |             <!-- input --> | 
			
		
	
		
			
				
					|  |  |  |             <input type="checkbox" name="" class="sr-only" /> | 
			
		
	
		
			
				
					|  |  |  |             <!-- line --> | 
			
		
	
		
			
				
					|  |  |  |             <div class="block bg-slate-500 w-14 h-8 rounded-full"></div> | 
			
		
	
		
			
				
					|  |  |  |             <!-- dot --> | 
			
		
	
		
			
				
					|  |  |  |             <div | 
			
		
	
		
			
				
					|  |  |  |               class="dot absolute left-1 top-1 bg-slate-400 w-6 h-6 rounded-full transition" | 
			
		
	
		
			
				
					|  |  |  |             ></div> | 
			
		
	
		
			
				
					|  |  |  |           </div> | 
			
		
	
		
			
				
					|  |  |  |         </div> | 
			
		
	
		
			
				
					|  |  |  | 
 | 
			
		
	
		
			
				
					|  |  |  |         <div class="flex items-center justify-between cursor-pointer"> | 
			
		
	
		
			
				
					|  |  |  |           <!-- label --> | 
			
		
	
		
			
				
					|  |  |  |           <div>From my contacts</div> | 
			
		
	
	
		
			
				
					|  |  | 
 |