/* Dropdown context menu */
.context-menu {
  @apply absolute 
    z-20 
    
    right-0 
    mt-1 
    top-full
    
    hidden
    border 
    rounded-lg 
    
    border-line-dimmed 
    bg-main 
    
    data-[open]:block  
    
    whitespace-nowrap
    
    max-h-max
    overflow-auto;

  min-width: 8rem;

  box-shadow: 0px 4px 6px -2px rgba(0, 0, 9, 0.03),
    0px 12px 16px -4px rgba(0, 0, 9, 0.08);

  &.context-menu-bl {
    @apply left-0 right-auto;
  }
}