@supports (appearance: base-select) 
{
	select, select::picker(select) 
	{
		appearance: base-select!important;
		background: #78787C;
		color: white;
	}
	
	/* FIX: Lock the main button width */
	select 
	{
		
		width:70px; /* Set your desired fixed width */
		min-width: 70px;
		max-width: 70px;
  
		/* Ensure padding/borders don't cause expansion */
		box-sizing: border-box; 
  
		/* Optional: Prevent text wrapping if it causes height shifts */
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		text-align: center;
		color: white;
	}

	
	select::picker(select) 
	{
		/* Set a fixed width matching your select button */
		width:auto; 
		  
		/* Optional: Ensure it never shrinks or grows */
		min-width: 80px;
		max-width: 80px;
		  
		/* Prevent layout shifts */
		box-sizing: border-box;
		color: white;
  
	}
	option:checked 
	{
		box-shadow: 0 0 0 100vh #44444f inset;
		width:auto;
		color: white; /* Ensure text is readable */
	}
	option:hover
	{
		background: #44444f;
		color: white;
		width:auto;
	}
	option:focus
	{
		color:white;
	}
}